有谁知道如何防止表格单元格中的文本被包装?这是一个表的标题,标题比它下面的数据长很多,但我需要它只显示一行.如果色谱柱很宽,也没关系.
我(简化)表的HTML如下所示:
Really long column heading
|
Really long column heading
|
Really long column heading
|
Really long column heading
|
Really long column heading
|
Really long column heading
|
Really long column heading
|
---|---|---|---|---|---|---|
data
|
data
|
data
|
data
|
data
|
data
|
data
|
标题本身包含在th
标记内的div中,原因与页面上的javascript有关.
桌子出来的标题包裹在多条线上.这似乎只发生在表足够宽时,因为浏览器试图避免水平滚动.但就我而言,我想要水平滚动.
有任何想法吗?
看看这个white-space
属性,使用如下:
th {
white-space: nowrap;
}
这将强制 从链接页面,以下是各种选项 normal pre nowrap pre-wrap pre-line 要么 要么 至少有两种方法可以做到: 在"td"标记内使用nowrap属性: 在你的单词之间使用不可破坏的空格: 我遇到这个问题,需要防止在连字符处换行。 这是我的方法: 参考: 如何在所有浏览器上防止连字符出现换行显示在一行上的内容.
white-space
:
此值指示用户代理折叠空白序列,并根据需要断行以填充行框.
此值可防止用户代理折叠空白序列.仅在保留的换行符处断行.
此值会折叠白色空间,与"normal"相同,但会抑制文本中的换行符.
此值可防止用户代理折叠空白序列.在保留的换行符处打破行,并根据需要填充行框.
此值指示用户代理折叠空白序列.在保留的换行符处打破行,并根据需要填充行框.
`table`元素必须有`table-layout:fixed;`才能使它工作.
不适用于同一单元格中的输入字段和按钮.随机放在下面.
2> Grant Wagner..:
请注意,`nowrap`已被弃用.https://www.w3.org/TR/html401/struct/tables.html#h-11.2.6.请改用样式表.
3> Sergey Golov..:Really long column heading
Really long column heading
请注意,`nowrap`已被弃用.https://www.w3.org/TR/html401/struct/tables.html#h-11.2.6.请改用样式表.
4> cssyphus..:
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有