css文本超出部分隐藏

xiaoxiao2021-02-28  5

关键代码: text-overflow: ellipsis; 但是必须配合 overflow: hidden;和white-space: nowrap; 一起使用 单行文本: p { width: 100px; overflow: hidden; white-space: nowrap; //取消自动换行 text-overflow: ellipsis; } 多行文本( pc端兼容性不好,多用于移动端): p{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient: vertical; }
转载请注明原文地址: https://www.6miu.com/read-2350041.html

最新回复(0)