如何让div里img图片水平垂直居中

作者:落知秋 | 创建时间: 2023-06-01
本篇介绍如何让div里img图片水平垂直居中。...
如何让div里img图片水平垂直居中

操作方法

第一种css代码如图所示。display设置成table-cell,text-align为center,垂直居中设置vertical-align为middle。

打开浏览器查看结果。如图所示。

第二种方法css代码如图。div设置成相对定位,img设置成绝对定位,然后left:50%,top:50%,此时图片的左上角将位于div的中心。重点:图片向上移动图片高度的一半,并向左移动图片宽度的一半。正好为与div正中间。

浏览器查看结果如图所示。

点击展开全文

更多推荐