a标签超出以后隐藏并且显示省略点

2021-12-07 From 程序之心 By 丁仪

a 标签超长后有时需要隐藏，并使用 ... 来代替，可以使用 css 来实现。代码如下

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

其中最关键的是 white-space: nowrap; 设置文本不能换行，text-overflow: ellipsis; 设置使用 ... 来代替隐藏的部分。

需要注意的是，必须设置固定宽度 width。

如果需要两行超出隐藏，可以使用如下配置

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

本文来源：程序之心，转载请注明出处！

君子曰：学不可以已。

《计算机科学导论（原书第4版）》

本书是国际知名的高等学校计算机科学及相关专业基础课教材，也是非常受欢迎的计算机入门读物。该教材是一本百科全书式的计算机专业入门指南，涉及计算机科学的方方面面。虽然读者对象是计算机专业的学生，但这本书深入浅出、引人入胜，勾画出了计算机科学体系的框架，可以为有志于IT行业的学生奠定计算机科学知识的基础，架设进一步深入专业理论学习的桥梁。

发表感想

扫码订阅程序之心