div中不给图片设宽高如何能让图片上下左右居中，css能实现吗？求救。。。各位大侠^@^

发布网友发布时间：2022-04-20 19:36

共6个回答

热心网友时间：2022-04-20 21:06

在插入图片中添加一个
<div style="text-align:center">
<img src=""/>
</div>就行了这个保证你的图片是在div中居中的

热心网友时间：2022-04-20 22:24

图片水平垂直居中情况很多，最简单的办法是吧图片设置为背景，给背景设置background-position:center;

如果只能用图片

分两种情况：
1.图片宽高固定，这种情况很简单。
水平居中：就在图片的css中加 dispaly:block;margin:0 auto;

垂直居中：自己算出（div的高度-图片的高度）/2，得到margin-top值即可。

2.图片高度未知，这个布局比较难实现。一般我是用js做的。
水平居中：同上，在图片的css中加 dispaly:block;margin:0 auto;
垂直居中：用js算出（div的高度-图片的高度）/2，得到margin-top值赋给它。

曾经研究过网上的很多方法，个人觉得这个是最有效的了。

热心网友时间：2022-04-20 23:58

你想省事的话，直接用table就能搞定了，td默认就是垂直居中的，再在父级加 text-align:center;就可以达到横向纵向都居中

热心网友时间：2022-04-21 01:50

可以在插入图片的时候定义垂直居中水平剧中
举例: <img align="absmiddle" src="图片地址" style="margin:0 auto;"/>
但是这个居中的前提是居中于行高,在css中定义行高使用line-height

热心网友时间：2022-04-21 03:58

line-height

热心网友时间：2022-04-21 06:22

你不悬赏哪有人回答