首页 > Web开发 > 详细

HTML: margin詳解

时间:2015-02-05 23:16:37      阅读:296      评论: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
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!