CSS实现Table单元格自动换行或不换行
2008-03-20 11:55
351 查看
用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>
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>
相关文章推荐
- #CSS#在设定table为百分比时,如何实现火狐,Chrome下TD内容文字超出时自动换行?
- CSS网页制作时实现自动换行的小技巧
- LaTeX中table使用小技巧:全局调整字号及单元格内容自动换行
- 怎么实现CSS强制自动换行、强制换行、不换行?
- css 实现文字自动换行切同行元素高度自适应
- 实现TEXTAREA数据写入数据库后提取出来原样显示在网页TABLE上并自动换行
- CSS实现强制不换行、自动换行、强制换行的css代码
- css实现长英文字母自动换行
- css实现强制不换行/自动换行/强制换行
- css实现强制不换行/自动换行/强制换行
- css 不换行 自动换行 强制换行的实现方法
- 如何通过css实现自动换行
- [转载]css实现页面文字不换行、自动换行、强制换行
- css实现强制不换行/自动换行/强制换行
- css实现强制不换行/自动换行/强制换行
- css实现强制不换行/自动换行/强制换行
- CSS实现强制不换行、自动换行、强制换行的css代码
- Extjs中GridPanel实现单元格自动换行的补充
- css实现强制不换行/自动换行/强制换行(转载)
- CSS实现div添加过长的英文字母或数字的内容显示一排而溢出时,进行自动换行