文字和图片等上下左右居中

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

转载于:https://www.cnblogs.com/hlyin/p/6668578.html