CSS Table不换行与换行的用法
来源:互联网 发布:桌面安全软件 编辑:程序博客网 时间:2024/06/05 13:32
我们知道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>
- CSS Table不换行与换行的用法
- 强制不换行与强制换行的一些CSS属性
- 英文、中文强制换行与不换行的css代码
- CSS控制换行与不换行
- CSS实现Table单元格自动换行或不换行
- css 不换行 自动换行 强制换行的实现方法
- echo的换行与不换行
- CSS控制不换行/换行
- css不换行,换行,强制换行
- 强制table 不换行
- CSS强制英文、中文换行与不换行
- CSS强制英文、中文换行与不换行
- CSS强制英文、中文换行与不换行
- css兼容多浏览器强制换行与不换行
- CSS强制英文/中文换行与不换行
- CSS强制英文、中文换行与不换行
- CSS强制英文、中文换行与不换行
- Bootstrap table 莫名其妙的不换行问题
- hibernate.cfg.xml配置总结
- 移动 Javaweb 服务器 Tomcat
- AutoMake系列之四,可能遇到的问题总结
- 4种巧用“数字”激励用户行为的方法
- HTTP1.1中CHUNKED编码解析
- CSS Table不换行与换行的用法
- Hook钩子C#实例
- How to add CoverFlow Effect on your iPhone App – OpenFlow
- 【Android2D游戏开发之八】游戏音频-详解MediaPlayer,SoundPool利弊
- 面向对象设计的原则
- Js的跳转
- 最近工作状态(2011/03/10)
- CONTAINING_RECORD宏
- 快速排序中的堆栈深度