手机
当前位置:查字典教程网 >网页设计 > 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方法】相关文章:

css中的框架模

兼容好的css透明代码

css中换行的几种常用方式整理

CSS样式优先级计算方法

firefox中div+css的外层背景色不见的解决方法

CSS教程网站制作新闻列表方法

css强制文字不换行实现代码

网页中css内容换行控制

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

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

精品推荐
分类导航