大家一定遇到过这种情况,先把超出元素范围的文本信息内容用省略号代替,之前一直是用js去实现,偶尔发现了用css 也能实现同样的效果
html部分:
随便写一个用来装文本的容器标签
<p>老司机就是我,我就是老司机~~~!!!</p>
css部分:
样式代码如下
p{
width: 105px;
border: 1px solid black;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}