本篇文章为大家展示了怎么使用css text-overflow属性，代码简明扼要并且容易理解，绝对能使你眼前一亮，通过这篇文章的详细介绍希望你能有所收获。
我们提供的服务有：
网站制作、成都网站建设、微信公众号开发、网站优化、网站认证、
黄陂ssl等。为上千家企事业单位解决了网站和推广的问题。提供周到的售前咨询和贴心的售后服务，是有科学管理、有技术的
黄陂网站制作公司css text-overflow属性用于指定当文本溢出包含它的元素时，应该发生什么事情。所有主流浏览器都支持 text-overflow 属性。
css text-overflow属性怎么用？
text-overflow 属性规定当文本溢出包含元素时发生的事情。
语法：
text-overflow: clip|ellipsis|string;
属性值：
● clip：修剪文本。
● ellipsis：显示省略符号来代表被修剪的文本。
● string：使用给定的字符串来代表被修剪的文本。
注释：所有主流浏览器都支持 text-overflow 属性。
css text-overflow属性 示例
以下 div 容器内的文本无法完全显示，可以看到它被裁剪了。
div 使用 "text-overflow:ellipsis":
This is some long text that will not fit in the box
div 使用 "text-overflow:clip":
This is some long text that will not fit in the box
div 使用自定义字符串 "text-overflow: >>"(只在 Firefox 浏览器下有效):
This is some long text that will not fit in the box
效果图：
上述内容就是怎么使用css text-overflow属性，你们学到知识或技能了吗？如果还想学到更多技能或者丰富自己的知识储备，欢迎关注创新互联网站制作公司行业资讯频道。
分享题目：怎么使用csstext-overflow属性-创新互联
转载注明：
http://cdkjz.cn/article/diceej.html
