CSS实现表格单元格强制换行和强制不换行


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

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

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

实现方法(原文copy过来):
======================================

引用

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

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>

本文作者:



相关阅读:
php与XML、XSLT、Mysql的结合三
JSP连接Mysql数据库
3.2 Oracle大文本在ASP中存取问题的解决
CSS初学者常犯错误汇总
将所有符合条件的结果拼接成一列并用逗号隔开的一个sql语句
Linux命令行知识:apropos查找和sort相关的命令
Oracle实际应用时常用的基本功
jQuery对象和DOM对象相互转化
CSS的伪类简介
JDBCTM 指南:入门4 - Statement
让div+css的div居中, 而里面的文字不居中的做法
企业网站网页设计常用参考
自适应高度框架 ----属个人收藏内容
phpmyadmin的#1251问题
快速导航

Copyright © 2016 phpStudy |