Layui table中的文字超出宽度自动换行

最新推荐文章于 2025-09-11 02:24:57 发布

原创最新推荐文章于 2025-09-11 02:24:57 发布 · 2.3k 阅读

1 ·

CC 4.0 BY-SA版权

Layui 专栏收录该内容

13 篇文章

订阅专栏

本文介绍如何修改layui框架中表格的默认样式，通过调整CSS属性实现更佳的显示效果。

该文章已生成可运行项目，

只需更改layui的默认的样式即可：

.layui-fluid .layui-table-cell  {
    line-height: 20px;
    padding: 5px 5px ;
    position: relative;
    box-sizing: border-box;
    text-align: center;
    overflow: visible;
    height:auto;
    overflow:visible;
    text-overflow:inherit;
	white-space:normal;
}