html - 通过使用 <p> 和一些 CSS 转换旋转文本,使文本换行

标签 html css

我需要在 rowspan 中垂直显示文本一张 table 内。我通过 CSS 使用的技术似乎“有效”,但是 width<p>不能更改元素,否则文本换行到下一行并且不美观。

看看我为了重现我的问题而放在一起的这个 jsfiddle。

http://jsfiddle.net/wn4ofcwx/

还有其他选择吗?或者可能修复我当前的 CSS。

Note: Probably doesn't matter but I'm using the INK Framework (similar to bootstrap).

最佳答案

其实我想通了,它就像使用white-space: nowrap;

一样简单

我完全忘记了!

http://jsfiddle.net/wn4ofcwx/7/

文本不会换行,因为我们明确声明 nowrap,您可以调整窗口大小以查看它如何保持其位置,现在我可以应用宽度 10px 去除 rowspan 中所有过多的空白。

关于html - 通过使用 <p> 和一些 CSS 转换旋转文本,使文本换行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28180559/

相关文章:

html - 电子邮件签名 - 标题横幅

html - 为什么使用 box-sizing 属性在其中添加边框时 <td> 的大小会发生变化?

html - 如何将自定义CSS添加到github页面

html - 将文本放在 <hr> 的中间

html - 无法将边框与图像内部的文本居中

javascript - 根据所使用的字段而变化的变量

JavaScript:转义 HTML 中的双引号

html - 我如何使用 CSS 将文本放置在这个框中?

javascript - 在菜单区域外单击或悬停时关闭 react 按钮下拉菜单

jQuery 在最后一个元素处停止滚动