CSS margin值的設定

CSS margin


1margin : 0;
2/*一個值:代表上、下、左、右。margin : 0 0 0 0;的簡寫。*/
3margin : 5 10;
4/*二個值:值1:上下、值2:左右。margin : 5 10 5 10;的簡寫。*/
5margin : 5 10 15;
6/*三個值:值1:上、值2:左右、值3:下。margin : 5 10 15 10;的簡寫。*/
7margin: 1 10 5 15;
8/*四個值:值1:上、值2:右、值3:下、值4:左。*/

margin auto


margin裡的auto通常是拿來「置中對齊」使用。也就是我們將左右邊界值設定為「auto」,讓它產生置中對齊的效果。

01/*方法一*/
02margin-left : auto;
03margin-right: auto;
04/*方法二*/
05margin : auto;
06/*方法三*/
07margin : 上下 auto;
08margin : 0 auto;
09/*方法四*/
10margin : 上 auto 下;
11margin : 0 auto 0;

6 則留言:

  1. 8
    /*四個值:值1:上、值2:左、值3:下、值4:左。*/

    上左下左???

    回覆刪除
  2. margin: 1 10 5 15;
    /*四個值:值1:上、值2:左、值3:下、值4:右。*/

    還是有問題喔, 應該是 上右下左 (順時針方向看的)...

    回覆刪除
  3. CSS MARGIN 第8行
    /*四個值:值1:上、值2:右、值3:下、值4:左。*/

    應為
    /*四個值:值1:上、值2:左、值3:下、值4:右。*/

    年久失修?

    回覆刪除

感謝您的留言,如果我的文章你喜歡或對你有幫助,按個「讚」或「分享」它,我會很高興的。