css文本换行属性word-wrap和white-space使用总结

ttx9n · 发表于 2013-3-31 16:27:37

td文字内容不换行，发现是：white-space: nowrap，即强制文本不进行换行，接下来对文本换行的属性使用进行总结下，感兴趣的朋友可以参考下哈今天碰到了td文字内容不换行，发现是：white-space: nowrap，即强制文本不进行换行，顺便看了一下文本换行的属性word-wrap，总结如下：
white-space的默认只是normal，自动换行。
word-break:break-all和word-wrap:break-word表示强制换行，前者若英文字符过长自动截断，后者整个英文单词会换行！
而而我常会这样用：

复制代码代码如下:
word-wrap:break-word; overflow:hidden;

IE 下没有任何问题，在 FF 下，长串英文会被遮住超出的内容
table中td.th强制换行方法：

复制代码代码如下:
<table style="table-layout:fixed" width="200">
<tr>
<td width="25%" style="word-break : break-all; overflow:hidden; ">站长网www.software8.co原创教程</td>
<td width="75%" style="word-wrap : break-word; overflow:hidden; ">站长网www.software8.co原创教程</td>
</tr>
</table>

i1efp6c · 发表于 2022-8-28 10:11:26

还可以不错

回复用户5 · 发表于 2022-9-16 06:37:52

额头额定法国队是范德萨

回复用户1 · 发表于 2022-12-2 22:58:49

激动人心，无法言表！

6q8s6p21 · 发表于 2022-12-10 18:29:39

刷屏刷屏刷屏

醉梦娱乐网 · 发表于 2023-2-7 22:40:38

论坛有你更精彩！

fiyeid · 发表于 2024-2-17 22:32:23

很不错的源码论坛

小伙伴 · 发表于 2024-5-13 09:37:32

终于找到了，我擦

bp5jgbcnt · 发表于 2024-7-13 21:14:57

激动人心，无法言表！

u7yxn9 · 发表于 2024-8-10 11:40:17

好人好人好人好人

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

[CSS] css文本换行属性word-wrap和white-space使用总结

相关帖子