加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 资源网站 > 资源 > 正文

CSS实现table固定宽度,超过单元格部分内容省略

发布时间:2020-12-14 23:56:50 所属栏目:资源 来源:网络整理
导读:table-layout:fixed 在固定表格布局中,水平布局仅取决于表格宽度、列宽度、表格边框宽度、单元格间距,而与单元格的内容无关。 white-space: nowrap; text-overflow: ellipsis; overflow: hidden; 超过指定长度的文本以省略号的形式显示。 test 12345678901

table-layout:fixed

在固定表格布局中,水平布局仅取决于表格宽度、列宽度、表格边框宽度、单元格间距,而与单元格的内容无关。

white-space: nowrap; text-overflow: ellipsis; overflow: hidden;

超过指定长度的文本以省略号的形式显示。

test 123456789012345 12345678901234567890123456789012345678901234567890 1 12345678901234567890123456789012345678901234567890123456789012345678901234567890 123456789012345

?显示效果:

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读