存在问题
问题如标题所说，咱们在给图片设置绝对定位的时候就会遇到无法居中图片的问题。怎么解决？margin:0 auto?
很显然这个时候设置margin是无效的。
解决方案
假设咱们的图片宽度为100px；那我们就这么写：
position:absolute;
left:50%;
margin-left:-50px; （此处margin-left的值写该图片宽度的一半）
解释：
1、使用绝对定位，设置left值将图片移到正中间，此时图片的左边框在屏幕的中线位置
2、设置margin-left，注意值为负数，咱们把图片向左移图片宽度一半的位置
这样我们的问题就解决了~
存在问题问题如标题所说，咱们在给图片设置绝对定位的时候就会遇到无法居中图片的问题。怎么解决？margin:0 au...
水平居中 文字居中 图片居中 绝对定位元素 居中 相对定位 负边距居中 垂直居中 文字设置line-height ...
如果图片超出父空间、想让图片居中 子绝父相 图片超出父空间如何让图片居中 1.设置父盒子为相对定位 子盒子绝对定位...
同时满足铺满div,图片定位居中，
css图片居中 1 tanslate居中 2 text-align属性水平居中 3 绝对定位元素居中 4 css3...
水平居中 垂直居中 垂直水平居中 已知元素的宽高的居中布局 定位居中布局 盒模型居中布局 图片的垂直水平居中(利用...
元素居中 居中div flex 定位+transform 定位
生成海报，涉及小程序二维码生成，多图片合成，图片定位居中，多行文字，文字居中，禁止滚动等问题 1、首先base64...
1.浮动的div怎么居中? 2.绝对定位div居中? .test{ width:100px;hei...
css图片水平居中 css图片垂直居中 css图片水平垂直居中
本文标题：图片定位后怎么居中？
本文链接：https://www.haomeiwen.com/subject/erbrpqtx.html
网友评论