垂直對齊具有響應(yīng)高度的div內(nèi)的圖像我有下面的代碼，它設(shè)置了一個容器，其高度隨瀏覽器大小的變化而變化(以保持方寬比)。HTML<div class="responsive-container">
<div class="dummy"></div>
<div class="img-container">
<IMG HERE>
</div></div>CSS.responsive-container {
position: relative;
width: 100%;
border: 1px solid black;}.dummy {
padding-top: 100%; /* forces 1:1 aspect ratio */}.img-container {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;}如何在容器內(nèi)垂直對齊IMG？我所有的圖像都有可變的高度，容器不能有固定的高度/線高，因為它是有響應(yīng)的.救命??！
添加回答
舉報
0/150
提交
取消