CSS 使图片水平居中

记录 | css

1、第一种css代码如图所示。display设置成table-celltext-aligncenter,垂直居中设置vertical-alignmiddle

1.jpg
[1.jpg]

2、打开浏览器查看结果,图片已处于正中状态。

2.jpg
[2.jpg]

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

3.jpg
[3.jpg]

4、在浏览器查看结果,图片水平,垂直均居中。

2.jpg
[2.jpg]

转自百度知道,原地址点我传送

吴尼玛

computer loser

可能感兴趣的文章

点击撰写评论