css3 text-overflow属性的使用

作用:

1.text-overflow属性规定了当文本溢出包含元素时所发生的事情

2.当遇到标题过长，影响页面效果的情况时，text-overflow属性发挥它的作用

3.利用text-overflow属性可以使标签内容在确定的长度内显示，剩余部分用“ … ”或者其他字符串代替。然而并不影响标签内部内容

 

使用方法

1.

<div class="content">
<img src="images/text-overflow1.webp" alt="">
<div class="info">【送膜】UEU 苹果6s/6手机壳保护套硅胶磨砂全包防摔iPhone6 Plus 6/6S-经典黑-不漏标-4.7英寸</div>
</div>
————————————————