栏目分类:
子分类:
返回
文库吧用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
文库吧 > IT > 软件开发 > Web开发 > JavaScript

文字超出容器长度自动隐藏并且显示省略号

JavaScript 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

文字超出容器长度自动隐藏并且显示省略号

在做网站的过程中我们会遇到这样一种情况,在新闻列表中一行只显示一条新闻,但是新闻标题的长短是不一样的,如果新闻标题过长会自动换行,当然可以使用溢出隐藏属性,但是使用溢出隐藏又会显得比较突兀,现在给大家提供以下解决方法

     p { white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

只需要在原先写好的样式中加入上述代码即可

转载请注明:文章转载自 www.wk8.com.cn
本文地址:https://www.wk8.com.cn/it/247142.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 wk8.com.cn

ICP备案号:晋ICP备2021003244-6号