1. 程式人生 > >css中margin標記可以帶一個、二個、三個、四個引數,各有不同的含義

css中margin標記可以帶一個、二個、三個、四個引數,各有不同的含義

         在css中使用margin可以將margin-top,margin-right,margin-bottom,margin-left,縮寫為一個標記,順序為上右下左(順時針)。帶不同的引數具有不同的含義,下面給出引數的具體含義,如下所示

 
margin: 10px;(上、下、左、右各10px。)
margin: 10px 50px;(上、下10px;左、右50px。)
margin: 10px 50px 60px;(上10px;左、右50px;下60px。)
margin: 10px 50px 60px 70px;(上10px;右50px;下60px;左70px。)

 

 

再如:有人問CSS 居中如何實現。那可以這麼寫:

margin:0 auto ;

margin後面如果只有兩個引數的話,第一個表示top和bottom,第二個表示left和right 
因為0 auto,表示上下邊界為0,左右則根據寬度自適應相同值(即居中..)

---------------------
作者:-dragon-
來源:CSDN
原文:https://blog.csdn.net/yywan1314520/article/details/48463563
版權宣告:本文為博主原創文章,轉載請附上博文連結!