最新文章
- 04/03草莓互联2024年清明放假...
- 03/24宝塔控制面板Nginx后端...
- 03/17宝塔面板启用PHP 5.6...
- 02/06草莓互联2024年春节放假...
- 12/30草莓互联2024年元旦放假...
- 11/23宝塔报错 Invalid ...
- 10/11宝塔FTP链接报错 200...
推荐阅读
- 02/27宝塔面板python2.7升级...
- 02/19宝塔面板站点PCI DSS不合...
- 02/19宝塔面板站点站长工具中点亮HT...
- 02/14宝塔面板https协议无法获取...
- 02/11宝塔Windows面板下SQL...
- 02/02宝塔控制面板利用nginx实现...
- 09/18宝塔控制面板FTP增加Flas...
NO.1
二次开发使网站无限接近“完美”
phpweb已经是国内最强的的开源电子商务系统了，但并非完美，因为任何...
NO.2
二次开发使网站永远“年轻”
互联网3年一轮回，京东凡客等电商品牌在三年之前也不过是小打小闹，而如...
NO.3
二次开发使您领先于同行
电商已经成为趋势，传统行业的竞争已经逐渐演变到网络上，也有不少用Weboss...
NO.4
二次开发使网站更符合行业...
phpweb系统是固定的模式，适用于大部分行业与需求。但有一些行业还是有自己...
使用CSS处理超长溢出的文本
发表：管理员 发表时间：2016-10-22 09:47:47 阅读：(3717)次
如果网页要呈现的是动态信息，比如新闻之类的，字数可能就无法控制。
UI设计的完美布局有可能被溢出的内容搞砸。
这种情况可以由后台处理，把将要呈现到前端的信息截取合适的长度。不过这样感觉后台的压力好大，布局变化一次，就要重新计算一下要截什么长度才合适。
CSS可以完美解决这个问题。
如上图所示，overflow和text-overflow配合使用，可以把超出范围部分文字将被隐藏，并且使用省略号替换了文字最后部分。以下是效果图：
为了做出文本溢出的效果，代码中使用了white-space:norap，可以强制文本不换行。
假如我们资讯/文章对您有所帮助，您可以通过扫描捐赠二维码支持一下我们~
感谢您对我们的支持,您的小小支持让我们有信心走得更远!
