首页 > 其他 > 详细

line-block代替float布局;

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

line-block代替float布局;

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

技术分享

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

技术分享

或则这样:

技术分享

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

效果图

技术分享

 

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

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

 

line-block代替float布局;

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!