水平尺李居中可以设置成margin:0
auto
垂颤祥直居中可以设置成陵洞迟top:50%,margin-top:-（div高度的一半）px;
body{margin:0;padding:0;position:relative;}
#box{width:500px;height:500px;position:
absolute;top:50%;left:50%;margin-top:-250px;margin-left:-250px;background:#eeeeee}
这个层是垂直，水平居中的，说说原理.box,对body来定位，然后启键距离顶部50%，左边50%，再用margin-top，用个负的悄春巧box高度一半，margin-left:负森凯的box宽的一半，这样就居中了。
left是指对象的左上角的x坐标
margin-left，要搞明白这个问题，你拆兄先要看一下css盒模型
内枝配容到边框的距离叫padding,叫内边距
如果一个div名叫a；左边有一个div叫b，margin为o；那么
a的margin－left是表现为a左边框到这个b的边框旅搭袭的距离
一、首先，我们先设计一个div，并且给这个div添加一个id，id名随意取。然后设置一下宽高，并且添加一个红色的背景属性值。默认情况下，这个div是靠近浏览器的顶部和左边的。
二、接着我们给这个div设置一下margin值，从左到右表示的是上边，右边，下边，左边的margin值。设置好之后，可以看到左边和上边都隔开了一定的距离，这就是margin值的用处，而下边和右边因为没有其他div或者其他颜色，所以效果被忽略了。当然，margin值也可以分开写，比如我只设置div的上边的margin值，就可以使用margin-top，而右边则可以使用margin-right，左边则是margin-left，下边则是margin-bottom。
三、设置margin-top之后，只有上边拉开了距离，而左边并没有拉开距离。接着我们再在网页中添加一个div，并设置id为"you"。接着设置"you"这个div的宽高和背景。
四、新添加一个div之后，如果没有设置margin-bottom的值，两个div就会连在一起。
然后我们给上面的div，也就派闷是"my",设置margin-bottom。设置好之后，两悔袭个div之间就会拉开距离，尘前弯这样就可以定位好div的位置。
五、如果我们给"my"设置好margin-bottom之后，又给"you"设置margin-top，又会有什么结果呢?结果就是这样：有两个相邻的div，如果一个div设置了margin-top，另一个设置了margin-bottom，则以它们之间值最大的为准。
六、比如margin-top是50像素，margin-bottom是30像素，则间隔就是50像素，而不是两个相加哦。了解这个之后，在网页布局中，我们只需要对其中一个设置就可以了。
以上就是土嘎嘎小编大虾米为大家整理的html中margin-left_网页设计中margin怎么用?相关主题介绍,如果您觉得小编更新的文章对您有所帮助，不要忘记讲本站分享给您身边的朋友哦！！