那些遇到过的问题

小编Rom*_*kiy的帖子

如何正确放置旋转文本？

我有一个包含 3 列的 flex 包装器，在第三列中有旋转的文本，如何将文本放置在该列的右下角位置？

我想要的是：

我想要的是

我拥有的：

我拥有的

.wrapper {
  border: 1px solid black;
  padding-top: 50px;
  display: flex;
  justify-content: space-between;
}

.column-2 {
  transform-origin: left bottom;
  transform: rotate(-90deg);
}
Run Code Online (Sandbox Code Playgroud) 
<div class="wrapper">
  <div class="column-1">Column 1</div>
  <div class="column-2">Column 2</div>
</div>
Run Code Online (Sandbox Code Playgroud)

html css flexbox

Rom*_*kiy
2021 01-29
2
推荐指数
1
解决办法
59
查看次数

标签 统计

css ×1

flexbox ×1

html ×1