当前位置：网站首页>控制文本保留几行，末尾省略

控制文本保留几行，末尾省略

2022-07-31 07:28:00 【笑道三千】

一，保留一行

需要注意的是：text-overflow: ellipsis;只对display：inline；起作用。

overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;

二，保留多行（这里拿三行举例）

    display: -webkit-box;
    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
    word-wrap: break-word;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
原网站

版权声明
本文为[笑道三千]所创，转载请带上原文链接，感谢
https://blog.csdn.net/weixin_42349568/article/details/126050249

边栏推荐

猜你喜欢

随机推荐