CSS对表格单元格强制换行和不换行

学堂首页 | 网站开发 | 工具应用 | 站长时代 | 免费资源 | 网络安全 | 服务器类 | 新闻资讯 | 素材欣赏

您的位置: 中国建站大全 -> 网站开发设计 -> HTML/CSS -> CSS对表格单元格强制换行和不换行

CSS对表格单元格强制换行和不换行

作者：佚名来源：本站整理发布时间：2008-2-19 6:42:34 发布人：网络

CSS控制Table单元格强制换行与强制不换行

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

网页教学网

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

　　用CSS实现Table单元格数据自动换行或不换行的实现方法：

　　1、强制换行：

<style type="text/css">
.AutoNewline
{
word-break: break-all;/*必须*/
}
</style>
<table>
<tr>
<td class="AutoNewline">自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行</td>
</tr>
</table>

　2、强制不换行：

<style type="text/css">
.NoNewline
{
word-break: keep-all;/*必须*/
}
</style>
<table>
<tr>
<td class="NoNewline">不换行不换行不换行不换行不换行不换行不换行不换行不换行不换行</td>
</tr>
</table>

上一篇：正确认识对象数据库与关系数据库之间的区别

下一篇：Drbd+heartbeat+mysql replication来构建mysql的高可用性