码迷,mamicode.com
首页 > 其他好文 > 详细

新人跳坑系列《二十》文本溢出

时间:2017-04-02 17:00:25      阅读:140      评论:0      收藏:0      [点我收藏+]

标签:.com   jpg   调试   溢出   手机   data-   src   现象   如何   

分享者:toBeMN
文本溢出是一个非常常见的问题,尤其是在手机端上
<ignore_js_op>技术分享 
这是理想中的状态,但是对于长标题来说,可能就要崩溃了
轻者换行
<ignore_js_op>技术分享 
重者样式崩坏
<ignore_js_op>技术分享
当一行文字超过了限定范围,就会出现换行等现象,这就叫文本溢出
该如何解决文本溢出呢,其实只要短短一块css代码即可
<ignore_js_op>技术分享 
现在界面好看了吧(至少从我的审美出发还可以)
<ignore_js_op>技术分享 
超出的范围会用“…”来代替
友情提示:一定要设定宽度,才会有效果
有单行溢出自然就会有多行溢出
多行会稍微复杂点,因为包括了显示几行,文本隐藏的问题,这里就不调试了,直接贴上代码给大家测试
<ignore_js_op>技术分享

<ignore_js_op>

新人跳坑系列《二十》文本溢出

标签:.com   jpg   调试   溢出   手机   data-   src   现象   如何   

原文地址:http://www.cnblogs.com/onetwo/p/6659234.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!