css如何控制输出字数?

可以使用css限制字数的显示,主要使用width宽度来设置,超出的部分显示点点点,主要通过设置text-overflow属性来实现。下面本篇文章给大家介绍一下,希望对大家有所帮助。

具体介绍:

新建一个html文件,命名为test.html,用于讲解怎么实现css限制字数,超出部分显示点点点。

1.png-600

在test.html文件内,创建一个包含文字的div,并设置div的class属性为content,主要用于对div进行css样式设置。

2.png-600

在test.html文件内,对类名为content的div进行样式设置,代码如下:

3.png-600

在css内,设置div的宽度为130px,同时设置其浮动向左,居左对齐。

4.png-600

在css内,设置div内的文字不换行,当文字超过宽度width时,隐藏文字。

5.png-600

在css内,设置div内文字超过宽度时,以点点点代替文字显示。

6.png-600

在浏览器打开test.html文件,查看实现的效果。

7.png-600

更多web前端知识,请查阅 HTML中文网 !!

以上就是css如何控制输出字数?的详细内容,更多请关注0133技术站其它相关文章!

赞(0) 打赏
未经允许不得转载:0133技术站首页 » CSS3 答疑