图片垂直居中水平居中
Posted niu19981114
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了图片垂直居中水平居中相关的知识，希望对你有一定的参考价值。
图片水平垂直居中情况很多，最简单的办法是吧图片设置为背景，给背景设置background-position:center;
如果只能用图片的话：
1.图片宽高固定，这种情况很简单。
水平居中：就在图片的css中加 dispaly:block;margin:0 auto;
垂直居中：自己算出（div的高度-图片的高度），得到margin-top值即可。
2.给div设定text-align:center;可使图片水平居中；
再给图片img设定 vertical-align:middle;即可达到垂直居中（是给图片加不是给外面的div加 ，不要记错哦！）
以上是关于图片垂直居中水平居中的主要内容，如果未能解决你的问题，请参考以下文章