现在的位置: 首页 > 综合 > 正文

在html中控制自动换行

2018年04月04日 ⁄ 综合 ⁄ 共 787字 ⁄ 字号 评论关闭

其实只要在表格控制中添加一句

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

【上篇】
【下篇】

抱歉!评论已关闭.