栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

表格单元格中的CSS文本溢出?

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

表格单元格中的CSS文本溢出?

要在表格单元溢出时用省略号剪切文本,您需要

max-width
在每个
td
类上设置CSS属性,以使溢出起作用。不需要额外的布局div

td {    max-width: 100px;    overflow: hidden;    text-overflow: ellipsis;    white-space: nowrap;}

对于响应式布局;使用

max-width
CSS属性指定列的有效最小宽度,或仅
max-width:0;
用于无限的灵活性。此外,包含表将需要特定的宽度,通常为
width: 100%;
,列的宽度通常设置为总宽度的百分比

table {    width: 100%;}td {    max-width: 0;    overflow: hidden;    text-overflow: ellipsis;    white-space: nowrap;}td.columnA {    width: 30%;}td.columnB {    width: 70%;}

历史记录:对于IE 9(或更低版本),您需要在HTML中添加它,以解决特定于IE的呈现问题

<!--[if IE]><style>    table {        table-layout: fixed;        width: 100px;    }</style><![endif]-->


转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/387140.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号