文字和图片等上下左右居中
<div class="" style="display: table;"> <div class="" style="display: table-cell;vertical-align: middle;text-align: center;border-radius: 50%;background: red;color: #fff;width: 60px;height: 60px;padding: 12px;"> 文字和图片等上下左右居中 </div> </div>
<!---兼容ie6,7--->
<div class=""style="width: 80px;height: 80px;border-radius: 50%; position: relative; background: #fff;text-align: center;display: table-cell;vertical-align: middle;">
<div class=""style="*position: absolute;*top: 50%;left: 50%;">
<div class=""style="*position: relative;*top: -50%;left: -50%;">
数据集成展示系统
</div>
</div>
</div>