使用CSS flex box模型,如何強制圖像保持其縱橫比?JS小提琴:http://jsfiddle.net/xLc2Le0k/2/請注意,圖像會拉伸或收縮以填充容器的寬度。很好,但是我們還可以拉伸或縮小高度以保持圖像比例嗎?的HTML<div class="slider"> <img src="http://www.placebacon.net/400/300" alt="Bacn"> <img src="http://www.placebacon.net/400/300" alt="Bacn"> <img src="http://www.placebacon.net/400/300" alt="Bacn"> <img src="http://www.placebacon.net/400/300" alt="Bacn"></div>的CSS.slider { display: flex;}.slider img { margin: 0 5px;}
- 3 回答
- 0 關注
- 668 瀏覽
相關問題推薦
添加回答
舉報
0/150
提交
取消