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

html-css010

怎样用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 相同。

可以用结对布局来做..

#a {

position: absolute

top:  100px

right:  200px

width: 300px

}

这个就是把 id为a的元素块 设置到到浏览器的一个绝对位置 不管那个位置有什么 这个元素都会盖在上边

CSS里用一个样式把表格里所有文字都放中间,首先需要理解父级元素的概念,要让所有的表格文字都居中,那么CSS的文字居中属性,自然就要给table,然后通过text-align:center这个属性,就能够所有的文字居中,请看代码:

<html>

<head>

<style>

table{                     //通过class来设置

width:300px

height:200px

text-align:center

}

</style>

</head>

<body>

<table>

<tr>

<td>我是测试文字</td>

</tr>

</table>

</body>

</html>