html显示word内容自动换行,word-wrap属性怎么设置文字自动换行？

可以在需要换行的元素内，将word-wrap属性的值设置为break-word来设置文字自动换行。。下面本篇文章就来给大家介绍一下word-wrap属性，希望对大家有所帮助。

word-wrap属性设置或检索当内容超出其容器边界时是否中断单词，可用于将长单词或 URL 地址在容器的边界处进行自动换行。

语法：word-wrap: normal|break-word;

属性值：

●　normal：只在允许的断字点处换行(浏览器保持默认处理)。

●　break-word：在长单词或 URL 地址内部进行换行，即当内容超出其容器边界时进行自动换行。

注释：所有主流浏览器都支持 word-wrap 属性。

示例：

p {

width: 11em;

border: 1px solid #000000;

}

p.test {

word-wrap: break-word;

}

dsffdgrh121324gfdgfhhgjhkkjlkl;

dsffdgrh121324gfdgfhhgjhkkjlkl;