Reference: http://www.reibang.com/p/99f3e3c93f08
總結(jié):
什么時候用margin躏救?什么時候用padding唯笙?
使用margin值的情況:元素與元素
需要在border外側(cè)添加空白時。
空白處不需要背景(色)時盒使。
上下相連的兩個盒子之間的空白崩掘,需要相互抵消時。如15px + 20px的margin少办,將得到20px的空白苞慢。(margin折疊)。
需要使用負值對頁面布局時(margin值可以取負英妓,padding不行)挽放。
使用padding時的情況:元素與內(nèi)容
需要在border內(nèi)測添加空白時。
空白處需要背景(色)時蔓纠。
上下相連的兩個盒子之間的空白辑畦,希望等于兩者之和時。如15px + 20px的padding腿倚,將得到35px的空白纯出。
margin是用來隔開元素與元素的間距;padding是用來隔開元素與內(nèi)容的間隔敷燎。
margin用于布局分開元素使元素與元素互不相干暂筝;padding用于元素與內(nèi)容之間的間隔,讓內(nèi)容(文字)與(包裹)元素之間有一段“呼吸距離”硬贯。
作者:自娛自楽
鏈接:http://www.reibang.com/p/99f3e3c93f08
來源:簡書
著作權(quán)歸作者所有焕襟。商業(yè)轉(zhuǎn)載請聯(lián)系作者獲得授權(quán),非商業(yè)轉(zhuǎn)載請注明出處饭豹。