鍍金池/ 問答/HTML/ css如何平分div

css如何平分div

請(qǐng)問如何實(shí)現(xiàn)這2種效果
A: 里面3個(gè)小的div中間有間距,2邊沒有
B: 一個(gè)div中間一根分割線
圖片描述

回答
編輯回答
執(zhí)念

CSS:before and after

2017年6月2日 21:01
編輯回答
鐧簞噯

建議你參考一下flex布局
flex layout:
http://www.runoob.com/w3cnote...

2017年10月3日 23:15
編輯回答
爛人
2017年5月26日 11:34
編輯回答
陌南塵

第一個(gè)使用彈性布局,display: flex;justify-content: space-between;要微調(diào)的話用margin。
第二個(gè)的話用偽元素,after或before都可以。

傳送門 彈性布局

2017年9月4日 23:11