<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 相同。
用 &nbsp代替,代表英文空格,2个&nbsp&nbsp连写代表一个中文空格。\r\n,java开发时支持此写法,纯HTML静态页面不支持。
换行:用<br>...</br> 或<br />表示
换段:用<p>...</p>表示
英文空格:用&nbsp表示
中文空格:用&nbsp&nbsp表示
当然如果纯文本的话,
可以用padding或margin表示精确距离,也可用text-indent缩进属性表示。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)