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

当父盒子的宽装不下li标签的时候

时间:2017-08-18 13:32:12      阅读:143      评论:0      收藏:0      [点我收藏+]

标签:2-2   blog   over   img   分享   ges   宽高   隐藏   ima   

 

当父盒子的宽装不下需要的li标签的时候(li标签用foat时),可以把ul标签作为一个盒子,赋予它的宽度大于需要的一排的盒子宽度,小于(一排+1)个盒子宽度。

原效果图:

技术分享

 

技术分享

先效果图:

 

原代码:

技术分享

 

现代码:

  技术分享

 

技术分享

 

 因为祖辈元素设置了宽高,并且不能超过他显示,影响美观。所以我们给祖辈元素设置一个overflow:hidden,隐藏多余部分。

技术分享

 

技术分享

 

当父盒子的宽装不下li标签的时候

标签:2-2   blog   over   img   分享   ges   宽高   隐藏   ima   

原文地址:http://www.cnblogs.com/hjsuceess/p/7388956.html

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