您现在的位置是：网站首页> 编程资料编程资料
HTML超出文本显示省略号...通过text-overflow实现_HTML/Xhtml_网页制作_
2023-11-12
267人已围观
简介 HTML超出文本显示省略号在一些新闻列表中还是比较常见的一种做法，其实很简单通过text-overflow便可实现，有需要的朋友可以参考下本文
需要对div或者span同时应用Css：
text-overflow:ellipsis;
white-space:nowrap;
overflow:hidden;
即可实现所想要得到的溢出文本显示省略号效果。
当然了你的页面元素要设置固定的宽度，超出了宽度才会显示。
复制代码
代码如下:text-overflow:ellipsis;
white-space:nowrap;
overflow:hidden;
即可实现所想要得到的溢出文本显示省略号效果。
当然了你的页面元素要设置固定的宽度，超出了宽度才会显示。
相关内容
- html中块注释的使用详细介绍_HTML/Xhtml_网页制作_
- 雷霆战机装备搭配最强组合 手把手教你勇夺周冠军_手机游戏_游戏攻略_
- 天天酷跑 蒙面战神好不好 蒙面战神抽奖技巧_手机游戏_游戏攻略_
- 雷霆战机穿甲弹怎么样,厉害吗 穿甲弹与核弹对比_手机游戏_游戏攻略_
- 雷霆战机月光之轮怎么样 新装甲全面解析_手机游戏_游戏攻略_
- 雷霆战机装备升级路线解析 快速升紫攻略_手机游戏_游戏攻略_
- 刀塔传奇敌法师大型攻略_手机游戏_游戏攻略_
- 雷霆战机装备升级必看攻略 带你快速升满90级_手机游戏_游戏攻略_
- 雷霆战机异形与幻影哪个比较好 战机属性对比分析_手机游戏_游戏攻略_
- 天天飞车五一活动攻略 金币钻石R车送不停活动介绍_手机游戏_游戏攻略_
