white-space属性

    科技2025-07-30  18

    white-space CSS属性,设置文字的的空白处理方式 测试文字:

    <div class="text"> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Ex, similique! Culpa tenetur porro est mollitia fugiat veniam vero provident iste! Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quidem fugit quam in numquam distinctio rem non enim officia suscipit excepturi quod Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quidem fugit quam in numquam distinctio rem non enim officia suscipit excepturi quod 乱序中文乱序中文乱序中文乱序中文乱序中文乱序中文乱序中文乱序中文乱序中文乱序中文乱序中文乱序中文乱序中文乱序中文乱序中文乱序中文乱序中文乱序中文乱序中文乱序中文乱序中文乱序中文乱序中文乱序中文乱序中文乱序中文乱序中文乱序中文乱序中文乱序中文 </div> <style> *{ padding: 0px; margin: 0px; } .text{ white-space:normal; } </style>

    1、word-break:normal; 当空白处理属性为默认值的时候,英文不会被截断,根据容器大小自动换行 2、white-space: pre; 代码中的空白会被保留,与pre标签的功能类似 3、white-space: nowrap; 文字不换行,只有br标签才能换行 4、white-space: pre-wrap; 保留空白,并且正常的换行 5、white-space: pre-line; 空白不保留,正常的换行

    Processed: 0.016, SQL: 8