
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 相同。<table>
<tr><td colspan='3'>这个单元格横跨3列</td>
<tr><td rowspan='2'>这个单元格纵跨两行</td>
</table>
1、新建一个html文件,命名为test.html。
2、在test.html文件内,使用table标签创建一个表格,并使用border属性设置表格的边框为1px。
3、在test.html文件内,使用tr、td两个标签创建表格为两行两列,代码如下。
4、在test.html文件内,编写<style type="text/css"></style>标签,页面的css样式将写在该标签内。
5、在css标签中,对table的td元素进行样式设置,使用padding属性设置单元格的间距为10px,即单元格的内边距为10px。
6、除了上面的方法外,还可以使用cellpadding属性直接在table标签内设置,实现单元格的间距定义。