<td style="word-break:break-all"> 在html中控制自动换行

最新推荐文章于 2024-01-26 13:49:36 发布

weixin_30750335

最新推荐文章于 2024-01-26 13:49:36 发布

阅读量2.6k

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/rwh871212/p/5434842.html

本文深入探讨了HTML中控制自动换行的方法，包括使用`word-break`属性来灵活处理英文与中文的换行问题。通过实例演示了如何在表格中应用这一特性，确保文本内容在不同语言环境下的完美显示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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