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

 

注：来自 http://www.cnblogs.com/zjxbetter/articles/1323449.html