前端之家收集整理的这篇文章主要介绍了
css3 text-overflow属性的使用,
前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
作用:
1.text-overflow属性规定了当文本溢出包含元素时所发生的事情
@H_
403_16@
2.当遇到标题过长,影响页面效果的情况时,text-overflow属性发挥它的作用
@H_
403_16@

@H_
403_16@
3.利用text-overflow属性可以使标签内容在确定的长度内显示,剩余部分用“ … ”或者其他字符串代替。然而并不影响标签内部内容
@H_
403_16@
@H_
403_16@
使用方法
@H_
403_16@
1.
@H_
403_16@<div class="content"> <img src="images/text-overflow1.webp" > <div class="info">【送膜】UEU 苹果6s/6手机壳保护套硅胶磨砂全包防摔iPhone6 Plus 6/6S-经典黑-不漏标-4.7英寸</div></div>————————————————