怎样用css让表格里的单元格换行，不是文本换行

html-css024

怎样用css让表格里的单元格换行，不是文本换行,第1张

HTML里面加了一个样式属性：word-break: break-all，可以实现表格的自动换行，具体参考代码如下：<html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/htmlcharset=utf-8" /><title>table内的td内容不换行</title><style type="text/css"><!--body{ font-size:12px}.breakLine{word-break: break-all}--></style></head><body><table width="400"><tr><td width="90" height="30">处理人工号：</td><td width="410" class="breakLine">001156,001157,001145,001149,001178,001123,001140,001167,001168,001134,001135</td></tr></table></body></html>word-break属性简单介绍如下：语法：word-break : normal | break-all | keep-all取值： normal:　默认值。允许在词间换行 break-all:　 该行为与亚洲语言的 normal 相同。也允许非亚洲语言文本行的任意字内断开。该值适合包含一些非亚洲文本的亚洲文本 keep-all:　 与所有非亚洲语言的 normal 相同。

可使用css样式中的word-break属性，指定其属性值为break-all，即可实现表格内文字自动换行。

示例如下：

<html>

<head><title>例子</title>

</head>

<body>

<table

style="word-break:break-all">

<!采用css的内嵌样式指定自动换行属性>

...

</table>

</body>

</html>