自动缩图适应div, 怎么保持居中?
css吧
全部回复
仅看楼主
level 3
xl108z 楼主
如图, 我把图片地址换成了网上的大图片, 并加了inline style试图让它自动缩小以适应父div. 父div是被规定为120x120像素(就是我画的红框).........绿色箭头所指的是白色卡片等容器
我改了后就是如图的样子了, 已经自动缩小成蓝色的样子了, width auto height 0 起作用了, 但其实这么写不行的, 因为图片也可能是竖拍的,
现在的问题是它相对于父div是左对齐的, 怎么居中呢? 试了很多, 都不行. left:-50% 不起作用.
如果用transform:translatex(-50%); 确实左移了, 但这个移动距离不对, 并且我需要的是适合各种图片尺寸的, 不能换个尺寸的图片这个距离就要重新一点点去试
2019年05月03日 05点05分 1
level 6
可以看一下flex
2019年05月03日 12点05分 2
level 14
transform要配合position才行
2019年05月03日 15点05分 3
level 14
建议看下vertical-align
2019年05月03日 15点05分 4
level 3
xl108z 楼主
谢谢各位..........
2019年05月04日 04点05分 5
level 7
在自学想去培训机构系统的学一下,目前在深圳工作,听朋友说动力/*节点在深圳新开分校,学费现在还有优惠,不知道是不是真假,或者在深圳还有哪些好的机构,推荐一下
2019年12月24日 01点12分 6
1