元素居中

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

使用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>

 

posted @ 2015-11-02 15:45  LittlePenguin  阅读(125)  评论(0编辑  收藏  举报