回覆列表
-
1 # 使用者927601449504648
-
2 #
CSS中margin和padding有以下三方面區別。 在CSS中margin是指從自身邊框到另一個容器邊框之間的距離,就是容器外距離。在CSS中padding是指自身邊框到自身內部另一個容器邊框之間的距離,就是容器內距離。
1、語法結構。 padding: padding-left:10px; 左內邊距、padding-right:10px; 右內邊距、padding-top:10px; 上內邊距、padding-bottom:10px; 下內邊距。 margin:margin-left:10px; 左外邊距、margin-right:10px; 右外邊距、margin-top:10px; 上外邊距、margin-bottom:10px; 下外邊距。
2、可能取的值。 padding:length規定具體單位記的內邊距長度、%基於父元素的寬度的內邊距的長度、auto瀏覽器計算內邊距、inherit 規定應該從父元素繼承內邊距。 margin:length 規定具體單位記的外邊距長度、%基於父元素的寬度的外邊距的長度、auto瀏覽器計算外邊距、inherit 規定應該從父元素繼承外邊距。
3、瀏覽器相容問題。 padding:所有瀏覽器都支援padding屬性、任何版本IE都不支援屬性值“inherit”。 margin:所有瀏覽器都支援margin屬性、任何版本IE都不支援屬性值“inherit”。
CSS中margin和padding有以下三方面區別。
在CSS中margin是指從自身邊框到另一個容器邊框之間的距離,就是容器外距離。在CSS中padding是指自身邊框到自身內部另一個容器邊框之間的距離,就是容器內距離。
1、語法結構。
padding:
padding-left:10px; 左內邊距、padding-right:10px; 右內邊距、padding-top:10px; 上內邊距、padding-bottom:10px; 下內邊距。
margin:margin-left:10px; 左外邊距、margin-right:10px; 右外邊距、margin-top:10px; 上外邊距、margin-bottom:10px; 下外邊距。
2、可能取的值。
padding:length規定具體單位記的內邊距長度、%基於父元素的寬度的內邊距的長度、auto瀏覽器計算內邊距、inherit 規定應該從父元素繼承內邊距。
margin:length 規定具體單位記的外邊距長度、%基於父元素的寬度的外邊距的長度、auto瀏覽器計算外邊距、inherit 規定應該從父元素繼承外邊距。
3、瀏覽器相容問題。
padding:所有瀏覽器都支援padding屬性、任何版本IE都不支援屬性值“inherit”。
margin:所有瀏覽器都支援margin屬性、任何版本IE都不支援屬性值“inherit”。