0

我想让我的标题文本垂直而不是水平，以保持我的列只有 1 个字符宽。可能的？

在此处输入图像描述

我所说的“垂直”是指：

小号

一个

米

磷

大号

乙

或将文本旋转 90°

谢谢

4

2 回答 2

0

css 中有一个标准机制来旋转文本：

.rotate {

/* Safari */
-webkit-transform: rotate(-90deg);

/* Firefox */
-moz-transform: rotate(-90deg);

/* IE */
-ms-transform: rotate(-90deg);

/* Opera */
-o-transform: rotate(-90deg);

/* Internet Explorer */
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

}

但这在所有浏览器上都不是那么好用：有时宽度是在旋转之前计算的，这会导致奇怪的效果。你必须测试看看它是否对你的问题有好处。

编辑：新的、更完整的解决方案从http://css-tricks.com/snippets/css/text-rotation/被盗（之前 IE 丢失，正如 JonathanSampson 指出的那样）

于 2012-05-05T19:09:13.087 回答
0

有两种方法可以做到这一点 -

  • 干净的方法：<br>在每个字符后添加（换行符）

  • CSS方式：width: 1em用来表示你想要m字体中字符的宽度。对于固定宽度的字体，这将按您的预期工作。但它可能并不总是适用于可变宽度字体（这是您可能会使用的字体）

覆盖样式表、缩放、重新排序内容等用户操作可能会影响您的样式。第一种方法可以避免这些问题

于 2012-05-05T19:11:14.800 回答