码迷,mamicode.com
首页 > Web开发 > 详细

HTML: margin詳解

时间:2015-02-05 23:16:56      阅读:195      评论:0      收藏:0      [点我收藏+]

标签:

margin:10px;                設置塊元素的上,右,下,左方向的值同爲10px

margin:10px 30px;             設置塊元素的上和下爲10px,左和右爲30px;

margin:10px  20px 30px;          設置塊元素的上爲10px,右爲20px,下爲30px,左爲20px,未設置的元素margin值與對邊同

margin:10px 20px 30px 40px;        設置塊元素的上爲10px,右爲20px,下爲30px,左爲40px.

 

單獨對一個方向的margin值進行設置

margin-?

英文中上,右,下,左對應top,right,bottom,left
要設置一個方向上的margin值,只需要 margin- 開頭? 用top,right,bottom,left代替:

比如設置上外邊距: margin-top ,以此類推!

 

通過margin來左右居中

margin:auto;
margin:0 auto;
margin:15px auto;

注意:在 css 中只能左右居中,垂直居中往往需要用到js來控制(我就加個table>tr>td)。

 

HTML: margin詳解

标签:

原文地址:http://www.cnblogs.com/Zell-Dinch/p/4276051.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!