CSS中word-wrap强行自动换行的方法-创新互联

这篇文章将为大家详细讲解有关CSS中word-wrap强行自动换行的方法，小编觉得挺实用的，因此分享给大家做个参考，希望大家阅读完这篇文章后可以有所收获。

word-wrap介绍

word-wrap是设置对象内文字遇到对象顶边时是否采取换行排版布局。

1、语法

word-wrap:normal—— 允许内容顶开指定的容器边界，遇到连续没有空格英文或没有空格数字不换行（默认，不设置对象也具备默认样式）

word-wrap:break-word —— 内容将在边界内换行，当内容太多顶到对象边界时，内容自动强制换行。

2、常见情况

对象内连续数字或字母太多后，内容顶边对象容器后不会换行，而是溢出继续不换行显示。和汉字或有空格不同，汉字会定格容器边界会自动换行。

3、使用语法

p{word-wrap:break-word}

设置html段落p内文字顶格对象容器边缘自动换行。

代码实例：

83480348023802ufjflsjfds843820483048jfdljfsl

显示效果如下：

设置class=bos对象宽度，边框，里面放入连续不断文字和数字内容。如果不设置word-wrap: break-word可以浏览器中观察连续数字内容不换行超出溢出盒子。

这里给予对象设置word-wrap: break-word强制换行样式。

关于CSS中word-wrap强行自动换行的方法就分享到这里了，希望以上内容可以对大家有一定的帮助，可以学到更多知识。如果觉得文章不错，可以把它分享出去让更多的人看到。

另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。