<style>
.box{ width:300px; height:300px; background:#ccc; text-align:center;}
.line{ display:inline-block; height:100%; width:0px; vertical-align: middle; }
.asas{ display:inline-block;}
</style>
</head>
<body>
<div class="box">
<div class="line"></div>
<span class="asas">sadsadasdas</span>
</div>
其实还有一种方法可以实现:<button></button> 标签中的内容自动居中,但是这样写的话需要修改样式,一般人也不会这样使用,因为这样不符合前端的代码设计思路。
ie6 下想要将内容居中
.building{width: 100%;height: 100%;text-align:center;}
<div class="building">
<img src="./images/building.gif" />
</div>
经过我的测试margin: 0,auto;是没用的注意