图片显示老是调整不对，需要帮助！

ufo1982ufo · 发表于 2017-5-9 17:41:40

如图，我使用了bootstrap的组件，一般情况下图片如果是方形的话，就是我希望的样子，如果图片高度大于宽度的话，我希望是高度还是110px显示而把图片左右流出空白如何处理？
如果高度也是110px，图片就变形了！

半导体 · 发表于 2017-5-9 18:19:02

你美工切图切得是方形吗？
不是的话你保持方形肯定会变的

左右流出空白也得保证图片的宽度没有父元素宽使用margin:0 auto;就可以的

ufo1982ufo · 发表于 2017-5-12 15:39:23

半导体发表于 2017-5-9 18:19
你美工切图切得是方形吗？
不是的话你保持方形肯定会变的

还是不行！
最后是这样解决的。
1、在图片外套一个div，设media-left的style：text-align:center;vertical-align:middle
2、在div限制width
3、image上做css控制：imgBox{max-width:110px;max-height:110px;}
不过在老的浏览器就不兼容了！
微信截图_20170512153423.png

谢谢，请结贴！

		自动登录	找回密码
密码			注册

[结贴] 图片显示老是调整不对，需要帮助！