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

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

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

效果如下:

原文地址:https://www.cnblogs.com/shichaowen/p/7240946.html