white-space属性的normal值和nowrap值的区别

　　初夏 ﻬ

于 2020-11-06 00:45:00 发布

阅读量7.3k

点赞数 2

文章标签： css html

本文链接：https://blog.csdn.net/qq_44329870/article/details/109523856

版权

本文探讨了CSS中的white-space属性，重点解释了normal和nowrap两个值的区别。normal值允许文本自动换行，当内容达到容器边界时会转到下一行。而nowrap值则强制所有文本在同一直线上显示，直至文本结束或遇到标签。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

white-space属性

normal：默认对文本的处理方式，文本自动处理换行，到达容器边界的内容会自动转到下一行。
nowrap：强制在同一行内显示所有文本，直到文本结束或者文本后面有
标签。

举例代码

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <style>
        .white
        {
            width: 200px;
            height: 200px;
            background-color: #3dff48;
            /*white-space: normal;*/
            white-space: nowrap;
        }
    </style>
</head>
<body>
    <div class="white">
        <h3>
            这是一行文字
            这是一行文字
            这是一行文字
        </h3>
    </div>
</body>
</html>