当前位置: 沐风博客 >> 网页设计 >>正文 沐风博客,提供微信公众号阅读量、视频号点赞等服务,微信或者QQ联系

怎么用css现在文本的长度

重点导读:css的功能很强大,大家在做页面设计的时候可以灵活处理,本文重点介绍了怎么用css现在文本的长度的问题。建议大家去系统的学习div+css,这样的话在制作页面模板的时候就能派上大用场,另外也通过css也可以让页面更加规范和美观。
发布人:沐风 - 更新时间:2021-10-08 07:56:00 - 地址:http://www.tangmengyun.com/seo/1374.html - 浏览:5345

问题:怎么用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也可以让页面更加规范和美观。



互联网时代,搜索引擎/微信公众号/抖音/电商平台等给我们带来了诸多机遇,如何才能更好的把握,这就需要我们掌握必要的知识和技能!沐风博客分享SEO等网络营销推广技术和资讯,帮助大家更好的在互联网发展! - ICP备案号 湘ICP备2022004497号