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


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

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

效果如下:


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM