1. 程式人生 > >外邊距margin-top right bottom left 設定方法 如果margin只設置兩個值

外邊距margin-top right bottom left 設定方法 如果margin只設置兩個值

1.如果margin設定給了四個值,按照值的順序為margin:top right bottom left 上 右 下 左四個外邊距。

2.如果margin只有三個值,按照值的順序為margin:top right bottom; 缺少了left,根據原則,則left的值由right來替代。

    margin:10px 20px 30px; 等價於margin:10px 20px 30px 20px;
3.如果margin只有兩個值,按照值的順序為margin:top right; 缺少了bottom和left,根據原則 left 的值由 right 來替代,bottm的值由top來替代。
   margin:10px 20px; 等價於margin:10px 20px 10px 20px;
4.如果margin只有一個值,按照值的順序為margin:top; 缺少了right、bottom和 left,根據原則 bottom的值由top來替代,right 的值右 top 來替代,left的值由right來替代也就是說left  的值也由top來替代。
   margin:20px;  等價於margin:20px 20px 20px 20px;