為了在頁面上實(shí)現(xiàn)上圖所示的方法丹鸿,你會(huì)怎么做越走。
?????? 自認(rèn)為對(duì)div+css已經(jīng)很熟悉了棚品,每次寫兩列式的布局都是采用float屬性來實(shí)現(xiàn),但是廊敌,不使用float呢铜跑,要怎么做到。
??????? 今天被男朋友問到了骡澈,趕緊去百度了一下锅纺,又發(fā)現(xiàn)了兩種方法可以來實(shí)現(xiàn),下面我來整合一下我寫的三種方法肋殴;
html部分:
css部分囤锉,方法一:使用float
方法二:使用了“display: inline-block;”這個(gè)屬性后元素之間會(huì)產(chǎn)生間隙坦弟,在父元素中設(shè)置一個(gè)“font-size:0”;可以消除掉間隙官地。
方法三:同上使用了“display: inline-block;”產(chǎn)生了間隙酿傍,也可以設(shè)置margin來去除掉,但是不同的瀏覽器之間設(shè)置的margin可能會(huì)有所不同驱入,所以不建議使用這種方法赤炒。
?
??????