css3 text-overflow属性的使用

前端之家收集整理的这篇文章主要介绍了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>————————————————

猜你在找的CSS相关文章