html文字超出隐藏并显示省略号

一般操作的对象必须是块元素,如果不是的话就得设置display:black;

设置隐藏的话,必须是块元素有一点的宽度,还有下面三句红色的

代码如下:

<div class="hide">1.文字隐藏2.文字隐藏3.文字隐藏4.文字隐藏5.文字隐藏6.文字隐藏</div>

样式代码:

.hide{display: block;width: 300px;height: 20px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

效果:

1.文字隐藏2.文字隐藏3.文字隐藏4.文字隐藏5.文字隐藏6.文...