html、表格自動換行
阿新 • • 發佈:2019-02-20
其實只要在表格控制中新增一句
<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>