码迷,mamicode.com
首页 > 其他好文 > 详细

元素居中

时间:2015-11-02 17:08:18      阅读:227      评论:0      收藏:0      [点我收藏+]

标签:

将两个外边距设置为相等的长度是将元素居中的一种正确的方法,这不同于

使用text-align(text-align只用于块级元素的内容,所以将元素的text-align设置为center并不能将这个元素居中)。

例子:

<html>
<head>
<meta charset="utf-8">
<title>dialog</title>
<style type="text/css">
body{background-color:gray;}
.showcall{background-color:white;width:100px;margin-left:auto;margin-right:auto;}
</style>

</head>
<body>
<p class="showcall">显示遮罩层</p>
</body>
</html>

 

元素居中

标签:

原文地址:http://www.cnblogs.com/xiaohuihui123/p/4930346.html

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