实现这种效果图:
代码展示:
<p>这行文字超行,在这里做打点处理</p>
p{ width: 200px; height: 30px; line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
PS:white-space: nowrap; 代表“强制性不换行”
但对于多行文本并不适用。对于多行文本,不做打点处理,直接隐藏。
实现这种效果图:
代码展示:
<p>这行文字超行,在这里做打点处理</p>
p{ width: 200px; height: 30px; line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
PS:white-space: nowrap; 代表“强制性不换行”
但对于多行文本并不适用。对于多行文本,不做打点处理,直接隐藏。