CSS 实现超过规定字符长度显示“...”

body {
    padding: 20px;
}
p {
    width: 20em;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

<body>
    <p>一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十</p>
    <p>一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十</p>
</body>

效果如下:

posted @ 2017-07-26 17:34  Dios  阅读(8595)  评论(0编辑  收藏  举报