div+css 水平垂直居中

最新推荐文章于 2024-06-03 18:53:48 发布

iteye_15783

最新推荐文章于 2024-06-03 18:53:48 发布

阅读量82

点赞数

分类专栏： Div Css 文章标签： CSS Java

本文链接：https://blog.csdn.net/iteye_15783/article/details/82034205

版权

Div Css 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

<style type="text/css">
.miao{width:170px;height:100px;display:table;text-align:center;border:solid 1px red;}
.miao span{display:table-cell;vertical-align:middle;border:solid 1px blue;}
.miao span img{border:dashed 1px green;}
</style>

<style type="text/css">
.miao{position:relative;overflow:hidden;}
.miao span{position:absolute;left:50%;top:50%;}
.miao span img{position:relative;left:-50%;top:-50%;}
</style>


<div class="miao" style="width:500px;height:220px;">
    <span><img src="http://www.google.cn/intl/zh-CN/images/logo_cn.gif" alt="Google" /></span>
</div>