在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>


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM