html图片如何居中对齐?css方法如下几种:

html图片如何居中对齐(图片居中css方法)
1、可以在img外建立div块状标签,然后对div设定宽度,将文件居中设置 margin:0 auto
1
2
3
|
< div style = "width: 300px; margin: 0 auto;" > < img src = "img/1.jpg" alt = "图片" > </ div > |
2、将图片设置为相对定位,然后对其以百分比的方式将其居中
1
2
3
4
5
|
img { position: relative; left: 50%; transform: translateX(-50%); } |