css_使div中的文本自动换行

最新推荐文章于 2024-08-12 15:57:18 发布

lianflower

最新推荐文章于 2024-08-12 15:57:18 发布

阅读量6.1k

点赞数 2

原文链接：https://stackoverflow.com/questions/23763482/text-not-wrapping-inside-a-div-element

版权

Css 专栏收录该内容

33 篇文章 0 订阅

订阅专栏

https://stackoverflow.com/questions/23763482/text-not-wrapping-inside-a-div-element

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>文本自动换行</title>
    <style>
        .wordWrap {
            /*这两行代码可以解决大部分场景下的换行问题*/
            word-break: break-all;
            word-wrap: break-word;
            /*但在有些场景中，还需要加上下面这行代码*/
            white-space: normal;
        }
    </style>
    <!--原文链接：https://stackoverflow.com/questions/23763482/text-not-wrapping-inside-a-div-element-->
</head>
<body>
    <div class="wordWrap" style="width: 200px;height: 100px;border: red solid 1px;">
        11111111111111111111111111111111111111111
    </div>
</body>
</html>