css

【CSS】html 超出容器内容自动省略号

Chason
2021-01-23 / 0 评论 / 0 点赞 / 1,041 阅读 / 257 字
温馨提示:
本文最后更新于 2021-03-01,若内容或图片失效,请留言反馈。部分素材来自网络,若不小心影响到您的利益,请联系我们删除。

添加对应容器的CSS

方式一:

white-space: nowrap;  /* 强制一行内显示 */
overflow: hidden;   /* 溢出隐藏 */
text-overflow: ellipsis;  /* 超出的部分显示 省略号 */

方式二:

overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
0

评论区