我正在使用Bootstrap轮播。问题是我的用户将上传不同大小的图像。如果第一张图像很大,就像这张图片的高度更高,宽度更小,它看起来像这样:
http://gyazo.com/33901538d9e2a767b236bc5d48a909bd
但是当第二个项目处于横向模式时,它看起来像这样:
http://gyazo.com/0f551cc17c70f86e6ae4c51ee97cbb54
这很好,但我如何垂直居中图像,使它看起来并不像现在这样可怕。
答案 0 :(得分:0)
因为你不理解我的最后答案,这就是jsfiddle ......
所以在之前把图片放在背景中并使用
background-size: cover;
像这样: