html图片如何居中对齐(图片居中css方法)

Joker • • 前端笔记 • 148 阅读

html图片如何居中对齐？css方法如下几种：

html图片如何居中对齐

1、可以在img外建立div块状标签，然后对div设定宽度，将文件居中设置 margin:0 auto


      

2、将图片设置为相对定位，然后对其以百分比的方式将其居中

img {
   position: relative;
   left: 50%;
   transform: translateX(-50%);
}
版权声明：
作者：Joker 链接：https://456787.xyz/archives/895
文章版权归作者所有，转载请注明出处。
THE END
分享
二维码
打赏
< <上一篇
下一篇>>