CSS中如何让盒子里的文字自动换行_css 文字自动换行

作者：小丑西瓜9 | 2024-03-15 15:07:49

踩

css 文字自动换行

在css中，可以使用“word-wrap”属性设置自动换行，语法“word-wrap:break-word”。word-wrap属性设置长内容的换行方式，当值为“break-word”时，会在长单词或URL地址内部进行自动换行。

解决方法：

word-wrap:break-word

完整代码：


<!DOCTYPE html>
 
<html>
 
    <head>
 
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 
        <title></title>
 
        <style>
 
            .p{ border:1px solid #00F; height:120px; width:200px;word-wrap:break-word} 
 
        </style>
 
    </head>
 
    <body>
 
        <div class="p">aabbfjdlkfldsjfldsjfldjfljdlafjldsjflkdjflkdsjfldfjdlj
 
            <br />138787843748927493274392749327493</div>
 
    </body>
 
 
 
</html>

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/小丑西瓜9/article/detail/242133