关于#css#的问题：竖排文字实现两端对齐.

前端问题：
1、如何让“竖排”文字两端对齐；
2、如何根据字体动态设置每个行高；

writing-mode: vertical-rl;
              text-align-last: justify;

用after伪元素

<div>测试</div>
div {
  width: 30px;//文字宽度
  height: 200px;
}

div:after {
  content: '';
  display: inline-block;
  height: calc(100% - 44px)//div的高度减去行高
}

实现竖排文字的两端对齐，可以考虑使用CSS的文本对齐属性text-align和writing-mode属性结合使用。

首先，设置元素的writing-mode属性为vertical-rl，表示将文本方向垂直，并从右向左显示。然后，设置元素的text-align属性为justify，即可实现竖排文字的两端对齐效果。

以下是一个示例代码：

.vertical-text {
  writing-mode: vertical-rl;
  text-align: justify;
}

在HTML中，可以将需要实现竖排文字的内容包装在一个容器元素内，设置该容器元素的类名为"vertical-text"即可。

<div class="vertical-text">
  <p>这是竖排文字的内容</p>
  <p>这是另一行竖排文字的内容</p>
</div>