vue 设置表头换行显示让他不出现...

最新推荐文章于 2024-03-27 17:32:30 发布

原创最新推荐文章于 2024-03-27 17:32:30 发布 · 344 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #前端 #javascript

Html css 基础专栏收录该内容

27 篇文章

订阅专栏

本文解析HTML的white-space属性，讲解其不同取值对网页布局的影响，帮助理解如何控制文本换行和缩进，适合前端开发者深入理解CSS布局。

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

/deep/ span{
    word-break:normal; 
    width:auto; 
    display:block; 
    white-space:pre-wrap;
    word-wrap : break-word ;
    overflow: hidden ;
}

white-space – 通过HTML文档的源代码的排版方式控制页面显示文本的排版方式
取值: normal | pre | nowrap | pre-wrap | pre-line | inherit
normal: 正常无变化(默认处理方式.文本自动处理换行.假如抵达容器边界内容会转到下一行)
pre: 保持HTML源代码的空格与换行,等同与pre标签
nowrap: 强制文本在一行,除非遇到br换行标签
pre-wrap: 同pre属性,但是遇到超出容器范围的时候会自动换行
pre-line: 同pre属性,但是遇到连续空格会被看作一个空格
inherit: 继承
初始值: normal
继承性: 是
适用于: 所有元素
white:白色.space:间隔,距离