怎么用css现在文本的长度

发布时间：2021年10月08日 07:56:00 | 责任编辑 : 沐风 | 分类 : 网页设计 | 浏览: 4547次 | 评论 0 人

问题：怎么用css现在文本的长度？

有朋友提到怎么用css现在文本的长度的问题：比如说div的长度仅仅能容纳30个字符，但是div里面包含的字符有50个字符，这样的情况就需要控制文本的长度了。

其实控制文本长度的css代码很简单，大家用下面这段css代码就行：

overflow: hidden; white-space: nowrap; text-overflow: ellipsis;

overflow: hidden表示超过的本文就隐藏起来

text-overflow: ellipsis表示超过的文本用...来代替

css的功能很强大，大家在做页面设计的时候可以灵活处理，对于怎么用css现在文本的长度的问题，笔者就简要的说到这里。建议大家去系统的学习div+css，这样的话在制作页面模板的时候就能派上大用场，另外也通过css也可以让页面更加规范和美观。

本站内容大部分由沐风博客原创，少部分内容来源于网络，如有侵权请与我们联系，我们会及时删除！