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

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

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

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

<p> 其中最关键的是 white-space: nowrap; 设置文本不能换行，text-overflow: ellipsis; 设置使用 ... 来代替隐藏的部分。 p> <p> 需要注意的是，必须设置固定宽度 width。 p> <p> 如果需要两行超出隐藏，可以使用如下配置 p>

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

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

本文地址：https://chengxuzhixin.com/blog/article/303363.html

发表感想

扫码关注程序之心

新文推荐

© 2016 - 2022 chengxuzhixin.com All Rights Reserved.

浙ICP备2021034854号-1 浙公网安备 33011002016107号