标签 css
<分区>
我想要从下到上垂直对齐的文本。如何实现它。附上预期的结果。
HTML
<div class="class1">
<div class="class2">Title from bottom to top</div>
</div>
CSS
.class1 {
background: #1ac6d3;
position: relative;
width: 40px;
height:200px;
}
.class2 {
position: absolute;
top: 35%;
left: 50%;
width: 200px;
}
预期输出
最佳答案
您可以使用text-orientation 然后将其旋转180deg
.class1 {
background: #1ac6d3;
width: 40px;
height: 200px;
display: flex;
align-items: center;
justify-content: center
}
.class2 {
text-orientation: sideways;
writing-mode: vertical-lr;
transform: rotate(180deg);
font-weight: bold;
}<div class="class1">
<div class="class2">Title from bottom to top</div>
</div>关于css - 我想要从下到上垂直对齐的文本。如何实现它。附上预期的，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/58760332/