css强制换行 css强制不换行的css方法
2007-12-22 00:00
337 查看
以前总结过Div的换行和不换行的css写法。但对于表格单元格只知道一个属性nowrap可以使其不换行。
近日有此需要,但发现加上nowrap在某些情况下还是会换行!无奈,没有一个强制不换行的方法吗?
baidu了一下,令俺非常欣慰,还真的找到了办法,问题解决了。
用CSS实现表格单元格数据自动换行或不换行
1、自动换行:
.AutoNewline
{
word-break: break-all;/*必须*/
}
自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
2、不换行:
近日有此需要,但发现加上nowrap在某些情况下还是会换行!无奈,没有一个强制不换行的方法吗?
baidu了一下,令俺非常欣慰,还真的找到了办法,问题解决了。
用CSS实现表格单元格数据自动换行或不换行
1、自动换行:
.AutoNewline
{
word-break: break-all;/*必须*/
}
自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
2、不换行:
<style type="text/css"> .NoNewline { word-break: keep-all;/*必须*/ } </style> <table> <tr> <td class="NoNewline">不换行不换行不换行不换行不换行不换行不换行不换行不换行不换行</td> </tr> </table>
相关文章推荐
- CSS强制换行对齐的实现方法
- css 不换行 自动换行 强制换行的实现方法
- css强制换行 css强制不换行的css方法
- css 不换行 自动换行 强制换行的实现方法
- css 不换行 自动换行 强制换行的实现方法
- css中强制换行word-break、word-wrap、white-space区别实例说明
- 强制不换行与强制换行的一些CSS属性
- 解决长串英文字母显示不能自动换行的问题和td中汉字自动换行 && CSS强制不换行
- React前端库,table中的每列内容,进行强制换行的解决方法
- css控制强制换行
- CSS强制英文、中文换行与不换行
- css中实现字符超出宽度自动换行和英语字符不断行的解决方法
- 内容排版:CSS实现强制不换行、自动换行、强制换行
- css实现强制不换行/自动换行/强制换行
- div+css强制换行
- CSS强制英文、中文换行与不换行
- css 长单词不换行溢出容器的解决方法 word-wrap与word-break
- CSS自动换行、强制不换行、强制断行、超出显示省略号
- css中的强制换行
- CSS中右对齐float:right换行的解决方法