前言：
今天看官们对“html如何隐藏多余文字内容”可能比较珍视，姐妹们都需要剖析一些“html如何隐藏多余文字内容”的相关内容。那么小编也在网上网罗了一些对于“html如何隐藏多余文字内容””的相关资讯，希望看官们能喜欢，你们一起来了解一下吧！1 控制表格自动隐藏超出内容
table{
table-layout:fixed;//布局方式要固定
width:65%;
border-collapse:collapse;
}
td{
white-space:nowrap;//不允许文本换行
overflow:hidden; //超部分自动隐藏
text-overflow:ellipsis; //超出部分以省略号显示
border:black solid 1px;
}
2 控制列表自动隐藏超出内容
li{
display:block;
float:left;
width:33.3%;
white-space:nowrap;
overflow:hidden;
/*如果要交超出内容以...显示，则需要增加属性定义：*/
text-overflow:ellipsis;
}
表格和列表的最终效果如下：
-End-
版权声明：
本站文章均来自互联网搜集，如有侵犯您的权益，请联系我们删除，谢谢。
标签： #html如何隐藏多余文字内容
