CSS margin值的設定

CSS margin

view sourceprint?

1	margin : 0;

2	/*一個值：代表上、下、左、右。margin : 0 0 0 0;的簡寫。*/

3	margin : 5 10;

4	/*二個值：值1：上下、值2：左右。margin : 5 10 5 10;的簡寫。*/

5	margin : 5 10 15;

6	/*三個值：值1：上、值2：左右、值3：下。margin : 5 10 15 10;的簡寫。*/

7	margin: 1 10 5 15;

8	/*四個值：值1：上、值2：右、值3：下、值4：左。*/

margin auto

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

view sourceprint?

01

/*方法一*/

02	margin-left : auto;

03	margin-right: auto;

04

/*方法二*/

05	margin : auto;

06

/*方法三*/

07	margin : 上下 auto;

08	margin : 0 auto;

09

/*方法四*/

10	margin : 上 auto 下;

11	margin : 0 auto 0;