<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;是没用的注意
版权声明：本文为博主原创文章，未经博主允许不得转载。希望大家多多支持！
原文：http://blog.csdn.net/sai739295732/article/details/48023059