手机
当前位置:查字典教程网 >网页设计 > Div+Css教程 >css强制换行 css强制不换行的css方法
css强制换行 css强制不换行的css方法
摘要:以前总结过Div的换行和不换行的css写法。但对于表格单元格只知道一个属性nowrap可以使其不换行。近日有此需要,但发现加上nowrap在...

以前总结过Div的换行和不换行的css写法。但对于表格单元格只知道一个属性nowrap可以使其不换行。

近日有此需要,但发现加上nowrap在某些情况下还是会换行!无奈,没有一个强制不换行的方法吗?

baidu了一下,令俺非常欣慰,还真的找到了办法,问题解决了。

用CSS实现表格单元格数据自动换行或不换行

1、自动换行:

.AutoNewline { word-break: break-all;/*必须*/ }

自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

2、不换行:

复制代码 代码如下:

<styletype="text/css">

.NoNewline

{

word-break:keep-all;/*必须*/

}

</style>

<table>

<tr>

<tdclass="NoNewline">不换行不换行不换行不换行不换行不换行不换行不换行不换行不换行</td>

</tr>

</table>

【css强制换行 css强制不换行的css方法】相关文章:

li行间距大(IE中多了5个像素)的解决方法

CSS控制让每行显示4个图片的样式

css实现连续的英文或数字自动换行的方法

兼容好的css透明代码

css中替换元素和不可替换元素

CSS书写规范及书写顺序的方法

用css控制html中首行空两格

css基本语法

解决IE7以下版本不支持无A状态伪类的几种方法!

CSS实现Table单元格自动换行或不换行

精品推荐
分类导航