layUI table 内容超出宽度怎么换行显示,而不是显示省略号

简介: layUI table 内容超出宽度怎么换行显示,而不是显示省略号


  • 页面里加
.mytable .layui-table-cell{   
    height:auto;   
    overflow:visible;  
    text-overflow:inherit; 
    white-space:normal;
}

这样就覆盖了layui.css里默认的样式


  • 可以再表头中设置style属性
style:'height:auto;overflow:visible;text-overflow:inherit;white-space:normal;'


相关文章
|
前端开发
CSS 限制文字行数(超出显示省略号...)
CSS 限制文字行数(超出显示省略号...)
117 0
|
JavaScript 前端开发
js 文字超出长度用省略号代替,鼠标悬停并以悬浮框显示
js 文字超出长度用省略号代替,鼠标悬停并以悬浮框显示
CSS------当内容超出div宽度后自动换行和限制文字不超出div宽度和高度
原文:CSS------当内容超出div宽度后自动换行和限制文字不超出div宽度和高度 如图:   1.自动换行 111111111111111111111111 2.限制宽高度 11111111111111111111111111  (注意:如果div放在li中还需...
3879 0
|
6月前
|
前端开发 容器
用CSS将文字超出部分变为省略号的方法
用CSS将文字超出部分变为省略号的方法
99 0
|
7月前
|
弹性计算 前端开发
CSS 文字超出变为省略号
CSS 文字超出变为省略号
73 0
|
7月前
|
前端开发
CSS文本单行溢出显示省略号与多行溢出显示省略号(简单易懂)
CSS文本单行溢出显示省略号与多行溢出显示省略号(简单易懂)
|
Web App开发 弹性计算 前端开发
CSS 单行/多行文本溢出显示省略号(...)的实现
CSS 单行/多行文本溢出显示省略号
268 0
CSS 单行/多行文本溢出显示省略号(...)的实现
css3 text文本超出单行溢出省略和 css3文本超出两行溢出省略
css3 text文本超出单行溢出省略和 css3文本超出两行溢出省略
67 0
|
Web App开发 存储 弹性计算
div中文字超过指定数量后不显示并且以省略号结尾
div中文字超过指定数量后不显示并且以省略号结尾
382 0
div中文字超过指定数量后不显示并且以省略号结尾