為了在頁面上實現上圖所示的方法,你會怎么做。
?????? 自認為對div+css已經很熟悉了,每次寫兩列式的布局都是采用float屬性來實現,但是,不使用float呢,要怎么做到。
??????? 今天被男朋友問到了,趕緊去百度了一下,又發現了兩種方法可以來實現,下面我來整合一下我寫的三種方法;
html部分:
css部分,方法一:使用float
方法二:使用了“display: inline-block;”這個屬性后元素之間會產生間隙,在父元素中設置一個“font-size:0”;可以消除掉間隙。
方法三:同上使用了“display: inline-block;”產生了間隙,也可以設置margin來去除掉,但是不同的瀏覽器之間設置的margin可能會有所不同,所以不建議使用這種方法。
?
??????