如何防止在表的列中自动换行(不是单个单元格)?
当前回答
在文本中使用非换行空格,而不是常规空格。在Ubuntu上,我使用(Compose Key)-space-space。
其他回答
<table class="blueTable">
<tr>
<td>My name is good</td>
</tr>
</table>
<style>
table.blueTable td,
table.blueTable th {
white-space: nowrap;
/* non-question related further styling */
border: 1px solid #AAAAAA;
padding: 3px 2px;
text-align: left;
}
</style>
这是一个使用值为nowrap的空格属性的例子,bluetable是表的类,表下面是CSS样式。
要将它应用到整个表,你可以将它放在table标签中:
<表风格= "空白:nowrap;}" >
在文本中使用非换行空格,而不是常规空格。在Ubuntu上,我使用(Compose Key)-space-space。
为了完整起见:
#table_id td:nth-child(2) {white-space: nowrap;}
用于对table_id表的2列应用样式。
所有主流浏览器都支持这一点,IE从IE9开始支持这一点。
只需添加
style="white-space:nowrap;"
例子:
<table class="blueTable" style="white-space:nowrap;">
<tr>
<td>My name is good</td>
</tr>
</table>
推荐文章
- 使伸缩项目正确浮动
- 如何取消最大高度?
- 形式内联内的形式水平在twitter bootstrap?
- 自定义元素在HTML5中有效吗?
- 如何选择在最后一个子元素之前的元素?
- 如何触发自动填充在谷歌Chrome?
- CSS变换,锯齿边缘在铬
- 创建圈div比使用图像更容易的方法?
- 强迫孩子服从父母的弯曲边界在CSS
- 为什么Chrome浏览器不正确地确定页面是在不同的语言,并提供翻译?
- 在CSS中@apply是什么?
- 在网页上用鼠标模拟震颤(例如帕金森病)?
- Bootstrap抛出Uncaught错误:Bootstrap的JavaScript需要jQuery
- 如何改变文本区域的边框颜色:焦点
- 我如何设置背景颜色为文本的宽度,而不是整个元素的宽度,使用CSS?