css强制换行 css强制不换行的css方法
程序员文章站
2022-05-26 12:31:49
以前总结过div的换行和不换行的css写法。但对于表格单元格只知道一个属性nowrap可以使其不换行。 近日有此需要,但发现加上nowrap在某些情况下还是会换行!无奈,没...
以前总结过div的换行和不换行的css写法。但对于表格单元格只知道一个属性nowrap可以使其不换行。
近日有此需要,但发现加上nowrap在某些情况下还是会换行!无奈,没有一个强制不换行的方法吗?
baidu了一下,令俺非常欣慰,还真的找到了办法,问题解决了。
用css实现表格单元格数据自动换行或不换行
1、自动换行:
[ctrl+a 全选 注:如需引入外部js需刷新才能执行]
2、不换行:
<style type="text/css">
.nonewline
{
word-break: keep-all;/*必须*/
}
</style>
<table>
<tr>
<td class="nonewline">不换行不换行不换行不换行不换行不换行不换行不换行不换行不换行</td>
</tr>
</table>
近日有此需要,但发现加上nowrap在某些情况下还是会换行!无奈,没有一个强制不换行的方法吗?
baidu了一下,令俺非常欣慰,还真的找到了办法,问题解决了。
用css实现表格单元格数据自动换行或不换行
1、自动换行:
[ctrl+a 全选 注:如需引入外部js需刷新才能执行]
2、不换行:
复制代码 代码如下:
<style type="text/css">
.nonewline
{
word-break: keep-all;/*必须*/
}
</style>
<table>
<tr>
<td class="nonewline">不换行不换行不换行不换行不换行不换行不换行不换行不换行不换行</td>
</tr>
</table>
推荐阅读
-
IE与FF中换行的问题?_html/css_WEB-ITnose
-
如何设置一段文字,是它的宽度是页面宽度的62%且能自动换行?_html/css_WEB-ITnose
-
如何设置网页中的一段文字,使它的宽度是页面宽度的62%且能自动换行?_html/css_WEB-ITnose
-
button 文字换行的问题_html/css_WEB-ITnose
-
使用css中的page-break-after属性来实现WEB页面强制分页打印
-
html title换行方法 如a链接标签内title属性鼠标悬停提示内容换行_html/css_WEB-ITnose
-
CSS实现pre标签中内容换行方法_html/css_WEB-ITnose
-
解决浏览器显示长数字不能自动换行或长字母不能换行的问题_html/css_WEB-ITnose
-
IE8下CSS3选择器nth-child() 不兼容问题的解决方法
-
firefox css自动换行的实现方法