1. 程式人生 > >html、表格自動換行

html、表格自動換行

其實只要在表格控制中新增一句
<td style="word-break:break-all">就搞定了。
其中可能對英文換行可能會分開一個單詞問題:解決如下:
語法: 

word-break : normal | break-all | keep-all 

引數: 

normal :  依照亞洲語言和非亞洲語言的文字規則,允許在字內換行 
break-all :  該行為與亞洲語言的normal相同。也允許非亞洲語言文字行的任意字內斷開。該值適合包含一些非亞洲文字的亞洲文字 
keep-all :  與所有非亞洲語言的normal相同。對於中文,韓文,日文,不允許字斷開。適合包含少量亞洲文字的非亞洲文字 

<br>是軟回車,就是換行後還是緊接著上一行,沒有</br> 
<p>是段落標籤,由於例如居中、縮排等標籤都是以段落為單位的,所以它可比<br>有更多作用,但每次換行都會多空一行,有</p> 

除此之外,例如表格、表單、水平線等都是強制換行,就是緊接著的標籤前無論有沒有換行標籤,都強制換行。

<html>
<head>
<title></title>
<meta content='text/html; charset=gb2312' http-equiv='Content-Type'>
</head>
<body bgcolor=#f5f5ff>
<pre>
<font size=2 face=宋體>
<table width="100%" border="0" cellspacing="0" cellpadding="0" style="TABLE-LAYOUT: fixed; WORD-BREAK: break-all">
<tr>
<td style="WORD-BREAK: break-all; WORD-WRAP: break-word">
文字正文
</td>
</tr>
</table>
</pre>
</FONT>
</body>
</html>