为了在页面上实现上图所示的方法,你会怎么做。
自认为对div+css已经很熟悉了,每次写两列式的布局都是采用float属性来实现,但是,不使用float呢,要怎么做到。
今天被男朋友问到了,赶紧去百度了一下,又发现了两种方法可以来实现,下面我来整合一下我写的三种方法;
html部分:
css部分,方法一:使用float
方法二:使用了“display: inline-block;”这个属性后元素之间会产生间隙,在父元素中设置一个“font-size:0”;可以消除掉间隙。
方法三:同上使用了“display: inline-block;”产生了间隙,也可以设置margin来去除掉,但是不同的浏览器之间设置的margin可能会有所不同,所以不建议使用这种方法。