CSS 文字超长省略显示并隐藏超长部分
Posted 王泽平
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了CSS 文字超长省略显示并隐藏超长部分相关的知识,希望对你有一定的参考价值。
1.包含文字的元素必须是块级元素,不是块级元素使用display:block使其具有块级元素属性;
2.具备上述基本条件后,css样式如下:
{ display: block; max-width: 300px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
如果包含在table的td元素内,td元素需要明确width的百分比,例如:width:20%;
以上是关于CSS 文字超长省略显示并隐藏超长部分的主要内容,如果未能解决你的问题,请参考以下文章