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

ttx9n · 发表于 2008-10-17 19:28:28

CSS控制Table单元格强制换行与强制不换行　　我们知道Div的换行和不换行的css写法。但对于表格单元格只知道一个属性nowrap可以使其不换行。　　近日有此需要，但发现加上nowrap在某些情况下还是会换行！无奈，没有一个强制不换行的方法吗？　　用CSS实现Table单
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>

5cf304mn2 · 发表于 2023-6-4 19:40:22

你们谁看了弄洒了可能

idy6_yus · 发表于 2023-7-29 20:29:26

iiguuubhuiuihu

dm00ji1s · 发表于 2023-9-1 07:51:16

看看看咋么

nwk53kbd · 发表于 2024-3-20 22:23:31

飞飞飞飞飞飞飞飞飞飞飞飞飞

i1efp6c · 发表于 2024-4-26 23:37:12

啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦

plvo189 · 发表于 2024-5-6 01:13:04

谢谢楼主分享

r8st9 · 发表于 2024-6-12 18:43:50

啦啦啦啦啦德玛西亚

雪龙Ui79 · 发表于 2024-6-25 02:54:43

好东西一定要看看！

a75620618 · 发表于 2024-7-19 22:23:37

来看看怎么样

账号		自动登录	找回密码
密码			立即注册

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