关于字体的一堆CSS操作

时间：2020-09-23 13:42:58 阅读：41 评论：0 收藏：0 [点我收藏+]

一.字体换行和字体行数和字体溢出隐藏

一行文字

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

多行（定义行）文字

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

鼠标悬停显示隐藏省略文字

li {
      width: 18.5%;
      text-align: center;
      font-size: 18px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
}

li:hover {
      text-overflow: inherit;
      overflow: visible;
      white-space: nowrap;
}

删除线效果

text-decoration:line-through

关于字体的一堆CSS操作

原文：https://www.cnblogs.com/NanKe-Studying/p/13717168.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年09月23日 (328)
2021年09月24日 (313)
2021年09月17日 (191)
2021年09月15日 (369)
2021年09月16日 (411)
2021年09月13日 (439)
2021年09月11日 (398)
2021年09月12日 (393)
2021年09月10日 (160)
2021年09月08日 (222)