HTML设置文字超出换行
在网页设计和排版中，经常出现文字过长显示不完整的情况。在这种情况下，可以使用文字超出换行的方法来解决。本文介绍了在HTML中如何设置文字超出换行。
使用CSS的文本换行（word-wrap）属性
word-wrap 属性是CSS3中的一个新增属性，它可以实现文本在超出边界时自动换行。当一个单词太长而不能在一行中完整地放置时，word-wrap 属性指定浏览器是否可以在一个单词内换行。
该属性的值可以是以下三种之一：
normal：表示只在允许的断字点进行换行。
break-word：表示只在不允许的断字点进行换行（即单词内部）。
initial：表示将属性设置为其默认值。
下面是一个例子，将文字包含在一个div中，使用CSS设置word-wrap属性为break-word，实现了文字在超出边界时自动换行：
<div style="width: 100px; word-wrap: break-word;">
This is a long text which should be broken into multiple lines.
</div>
上面的代码中，width属性指定了div的宽度，word-wrap属性指定了单词内部是否允许换行，因为设置为break-word，所以当一个单词太长而不能在一行中完整地放置时，会在单词内部进行换行。
使用CSS的文本溢出（text-overflow）属性
text-overflow属性是CSS3中的一个新增属性，用于控制当文本溢出包含它的元素时发生的事情。当溢出的文本是单行文本时，可以使用text-overflow属性将溢出的文本截断，并指定用什么字符来代替截断的文本。
该属性的值可以是以下三种之一：
clip：表示将文本截断，不显示省略号。需要注意的是，该值只适用于单行文本。
ellipsis：表示用省略号（...）代替溢出的文本。需要注意的是，该值只适用于单行文本。
string：表示用指定的字符串代替溢出的文本。需要注意的是，该值只适用于单行文本，且字符串的长度必须小于或等于元素的宽度。
下面是一个例子，将文字包含在一个div中，使用CSS设置text-overflow属性为ellipsis，实现了文字在溢出边界时用省略号代替：
<div style="width: 100px; overflow: hidden; text-overflow: ellipsis;">
This is a long text which should be truncated with ellipsis.
</div>
上面的代码中，width属性指定了div的宽度，overflow属性指定了当溢出时如何处理文本，因为设置为hidden，所以隐藏溢出的部分，text-overflow属性指定了将溢出的文本截断，并用省略号代替。
使用HTML实体符号（<br>）
HTML中的实体符号可以用来实现文字换行，最常用的实体符号是<br>，它可以用来插入一个换行符。下面是一个例子，将文字包含在一个div中，使用HTML实体符号实现了文字换行：
<div>This is a long text which should be broken<br> into multiple lines.</div>上面的代码中，<br>符号用来插入一个换行符，将文字分为两行显示。
总结
以上是三种实现HTML文字超出换行的方法，这些方法可以根据实际需求选用合适的方式来实现文字的自动换行，使网页在排版上更加美观。