实现div里的img图片水平垂直居中
Posted neo
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了实现div里的img图片水平垂直居中相关的知识，希望对你有一定的参考价值。
<body> <div> <img src="1.jpg" alt="haha"> </div> </body>
将display设置成table-cell，然后水平居中设置text-align为center，垂直居中设置vertical-align为middle。
<style type="text/css">
*{margin: 0;padding: 0;}
div{
width:150px;
height: 100px;
display: table-cell;
vertical-align: middle;
text-align: center;
border:1px solid #000;
}
img {
width: 50px;
height: 50px;
}
</style>
以上是关于实现div里的img图片水平垂直居中的主要内容，如果未能解决你的问题，请参考以下文章
css html 如何将图片img标签 水平居中 垂直居中 和水平垂直居中