国产精品无码久久久久久,精品久久久久久国产,波多野结衣中文字幕一区二区三区,久久久亚洲欧洲日产国码农村

margin css的外邊距

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

 

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


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

語法:

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

默認值:看每個獨立屬性

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

繼承性:無

動畫性:是

計算值:看每個獨立屬性

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

 

取值:

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

 

說明:

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

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

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

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