国产色在线视频-国产色综合一区二区三区-国产身材极品喷水 在线播放-国产深夜福利视频观看-国产深夜福利视频在线-国产深夜福利视频在线播放

margin css的外邊距

2016/11/26 8:38:17   閱讀:1655    發(fā)布者:1655

 

h2{margin:10px 0;} 
div{margin:20px 0;} 
...... 
<h2>這是一個標(biāo)題</h2> 
<div> 
    <h2>這是又一個標(biāo)題</h2> 
</div> 


本例中,第一個h2的margin-bottom(10px),div的margin-top(20px),
第二個h2的margin-top(10px)將被合并,它們之間的margin間隙最后是(20px),
即取三者之間最大的那個值。

語法:

margin:[ <length> | <percentage> | auto ]{1,4} | inherit

默認(rèn)值:看每個獨(dú)立屬性

適用于:所有元素,除非 table | inline-table | table-caption 的表格類元素之外

繼承性:無

動畫性:是

計算值:看每個獨(dú)立屬性

相關(guān)屬性:[ margin-top ] || [ margin-right ] || [ >margin-bottom ] || [ margin-left]

 

取值:

auto:水平(默認(rèn))書寫模式下,margin-top/margin-bottom計算值為0,
margin-left/margin-right取決于可用空間。詳見:margin系列之keyword auto
<length>: 用長度值來定義外補(bǔ)白。可以為負(fù)值
<percentage>: 用百分比來定義外補(bǔ)白。水平(默認(rèn))書寫模式下,
參照其包含塊 width進(jìn)行計算,其它情況參照 height,可以為負(fù)值

 

說明:

檢索或設(shè)置對象四邊的外延邊距。

  • 如果提供全部四個參數(shù)值,將按上、右、下、左的順序作用于四邊。
  • 如果只提供一個,將用于全部的四邊。
  • 如果提供兩個,第一個用于上、下,第二個用于左、右。
  • 如果提供三個,第一個用于上,第二個用于左、右,第三個用于下。
  • 非替代(non-Replaced)行內(nèi)元素可以使用該屬性設(shè)置左、右兩邊的外補(bǔ)??;
    若要設(shè)置上、下兩邊的外補(bǔ)丁,必須先使該對象表現(xiàn)為塊級或內(nèi)聯(lián)塊級。
  • 外延邊距始終透明。
  • 某些相鄰的margin會發(fā)生合并,我們稱之為margin折疊:
h2{margin:10px 0;} 
div{margin:20px 0;} 
...... 
<h2>這是一個標(biāo)題</h2> 
<div> 
    <h2>這是又一個標(biāo)題</h2> 
</div> 

本例中,第一個h2的margin-bottom(10px),div的margin-top(20px),第二個h2的margin-top(10px)
將被合并,它們之間的margin間隙最后是(20px),即取三者之間最大的那個值。

父元素與第一個/最后一個子元素 會合并 margin