让DIV中文字换行显示

Posted stono

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了让DIV中文字换行显示相关的知识,希望对你有一定的参考价值。

让DIV中文字换行显示

学习了:https://www.cnblogs.com/zqzjs/p/4713061.html

源码膜拜:

<style>
     div
     {
         white-space:normal;
         word-break:break-all;
         word-wrap:break-word; 
         }
    </style>

 <div style=" width:100px; border:1px solid red">
    I am a doibiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii
 </div> 

 

以上是关于让DIV中文字换行显示的主要内容,如果未能解决你的问题,请参考以下文章

怎么让DIV里面的文字自动换行

如何可以让div内的元素不换行?

如何让带有换行符的文本在div中也能换行显示

怎样让css控制文字禁止换行/强制不换行?

文字div在一行

用CSS让字体在一行内显示不换行