繁體中文当前位置: 首页 > 图文教程 > 网页制作 > CSS样式表 > CSS对表格单元格强制换行和不换行
- CSS样式表
- CSS3教程(10):CSS3 HSL声明设置颜色
- CSS3教程:新增加的结构伪类
- 网页布局绝对定位(position)轻松简单
- 掌握盒模型轻松DIV CSS网页布局
- 实例方式学CSS text-align怎么用
- 网页重构时在IE6中遇到png兼容性
- CSS3教程:边框属性border的极致应用
- CSS网页布局使用表格可以吗？
- 最新版本的CSS选择器浏览器支持情况
- 有序列表和段落设计华丽的网页列表数字
- CSS教程:通过实例学习和理解CSS盒模型
- CSS网页布局的核心内容:CSS盒模型
- CSS3伪类选择器：nth-child()
- CSS教程：inline-block在各浏览器的显示
- CSS实现网页分栏布局的方法：绝对定位和浮动
- CSS实例：用CSS制作网页像素画
- CSS教程：三列固定网页布局实例
- 无hack无js全兼容text-overflow-ellipsis效果
- CSS解决方案：IE6中遇到png兼容性
- CSS学习之类目之间竖线的练习实例
CSS样式表 中的 CSS对表格单元格强制换行和不换行
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-11 浏览: 249 ::
收藏到网摘: n/a
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>
评论 (0) All
