Css设置单行文本多行文本溢出隐藏并以省略号显示
CSS

Css设置单行文本多行文本溢出隐藏并以省略号显示

HaoOuBa
2021-01-01 / 2 评论 / 377 阅读 / 正在检测是否收录...
温馨提示:
本文最后更新于2021年03月07日,已超过631天没有更新,若内容或图片失效,请留言反馈。

单行文本溢出

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

两行溢出

display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
3

评论 (2)

取消
  1. 头像
    Gtwxxh
    Windows 10 · Google Chrome

    画图

    回复
  2. 头像
    萨达
    Windows 7 · Google Chrome

    画图

    回复