如何实现图片在某个容器中居中的?

如何实现图片在某个容器中居中的?,第1张

如何实现图片在某个容器中居中的?

参考回答:

元素固定宽高,利用定位及设置子元素margin值为自身的一半。

父元素固定宽高,子元素设置position: absolute,margin:auto平均分配margin

css3属性transform。子元素设置position: absolute; left: 50%; top: 50%;transform: translate(-50%,-50%);即可。

将父元素设置成display: table, 子元素设置为单元格 display: table-cell。

d性布局display: flex。设置align-items: center; justify-content: center

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/4889563.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-11-12
下一篇 2022-11-12

发表评论

登录后才能评论

评论列表(0条)

保存