微信小程序填坑之路之文本溢出

发布：2017-11-08 14:31浏览：次来源：网络作者：tianshu

文本溢出是一个非常常见的问题，尤其是在手机端上
微信小程序填坑之路之文本溢出(图1)
这是理想中的状态，但是对于长标题来说，可能就要崩溃了

轻者换行
微信小程序填坑之路之文本溢出(图2)
重者样式崩坏
微信小程序填坑之路之文本溢出(图3)

当一行文字超过了限定范围，就会出现换行等现象，这就叫文本溢出
该如何解决文本溢出呢，其实只要短短一块css代码即可
微信小程序填坑之路之文本溢出(图4)
现在界面好看了吧（至少从我的审美出发还可以）
微信小程序填坑之路之文本溢出(图5)
超出的范围会用“…”来代替

友情提示：一定要设定宽度，才会有效果

有单行溢出自然就会有多行溢出
多行会稍微复杂点，因为包括了显示几行，文本隐藏的问题，这里就不调试了，直接贴上代码给大家测试
微信小程序填坑之路之文本溢出(图6)

免责声明：本站所有文章和图片均来自用户分享和网络收集，文章和图片版权归原作者及原出处所有，仅供学习与参考，请勿用于商业用途，如果损害了您的权利，请联系网站客服处理。