Question

我有一个div包含两行，但我想让它们显示为垂直。

这就是我的div的样子

<div>
 Line One <br>Line Two
</div>

有没有办法在div垂直内部进行文本方向，使其显示为

L L
I I
N N
E E

O T
N W
E O

Answer 1

将它们包裹在p标签中，并将word-break设置为break-all，将width设置为1px。

一个hacky解决方案，但一个有效！

请参阅此example，否则，我不相信遗憾的是有跨浏览器解决方案。

Answer 2

在css中你可以旋转文字。但有几点不同：

<div style="-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-o-transform: rotate(90deg);filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);">
 Line One
</div>

div内文本的垂直旋转

2 个答案: