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

line-block代替float布局;

时间:2016-03-20 13:14:03      阅读:177      评论:0      收藏:0      [点我收藏+]

标签:

line-block代替float布局;

我们先看看float的一些特性(特征)

技术分享

当我们改变浏览器的大小会出现这样的效果:

技术分享

或则这样:

技术分享

有时候,我们希望,以第一排最高的元素为换行基准时,我们就可以使用display:inline-block属性了滴呀

效果图

技术分享

 

不能发现上图中有一个bug,那就是每个元素之间都有空白,解决方法;已经在我们另外一篇博客中记录了

 这样的布局算是完成了,接下来,我们看如何实现两端对齐的效果滴啊

 

line-block代替float布局;

标签:

原文地址:http://www.cnblogs.com/mc67/p/5297450.html

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