CSS:元素长度不够时显示省略号写法/text-overflow: ellipsis；不生效问题

最新推荐文章于 2024-04-26 09:18:36 发布

qiminghang

最新推荐文章于 2024-04-26 09:18:36 发布

阅读量846

点赞数

分类专栏：前端文章标签： css

本文链接：https://blog.csdn.net/qiminghang/article/details/109531933

版权

前端专栏收录该内容

5 篇文章 0 订阅

订阅专栏

SEO的需要，代码中必须完整在a标记中显示出完整的锚文本，当锚文本过长的时候希望不要破坏布局而是显示省略号，text-overflow: ellipsis;可以满足要求，但需要注意几点写法：

a{
    text-overflow: ellipsis; /*主角光环自然不能少了*/
    -ms-text-overflow: ellipsis; 
    -o-text-overflow: ellipsis;
    width:元素宽度（320px）;/*小于这个宽度不会显示省略号*/
    white-space: nowrap;/*必须设置，否则无效*/
    overflow: hidden;/*必须设置，否则无效*/
}