如何让div中的图片垂直居中对齐?

2022-04-16 家居 87阅读

分两种情况:
1、图片宽高固定,这种情况很简单。

水平居中:就在图片的css中加dispaly:block;margin:0auto;

垂直居中:自己算出(div的高度-图片的高度)/2,得到margin-top值即可。

2、图片高度未知,这个布局比较难实现。一般我是用js做的。

水平居中:同上,在图片的css中加dispaly:block;margin:0auto;

垂直居中:用js算出(div的高度-图片的高度)/2,得到margin-top值赋给它。

声明:你问我答网所有作品(图文、音视频)均由用户自行上传分享,仅供网友学习交流。若您的权利被侵害,请联系fangmu6661024@163.com