在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問(wèn)答/HTML5  HTML/ 如何讓兩個(gè)圖片在div居中

如何讓兩個(gè)圖片在div居中

如何讓兩個(gè)img在div中垂直居中 樣式得怎么寫

                                            </div>
                                            <div class="card-right">
                                                <!-- <div> -->
                                                    <span class="img-box"><img src="/Uploads/temp/test/pic1.jpg"></span>
                                                    <span class="img-box"><img src="/Uploads/temp/test/pic2.jpg"></span>
                                                <!-- </div> -->
                                            </div>

.img-box{

height: 45%;
width: 100%;
display: block;

}
.img-box>img{

width: 100%;
height: 100%;

}

回答
編輯回答
半心人

可以試試flex

2017年4月22日 04:53
編輯回答
默念

最簡(jiǎn)單的就是flex布局了，知道幾個(gè)關(guān)鍵的屬性flex-flow,justify-content, align-items就能搞定了

2017年10月3日 03:52
編輯回答
過(guò)客
.card-right {
  border: 1px solid;
  height: 300px;
  display: flex;
  align-items: center;
}
.img-box{
height: 45%;
width: 100%;
}
.img-box>img{
width: 100%;
height: 100%;
}

附上flexbox簡(jiǎn)易教程，Flex 布局教程：語(yǔ)法篇，自己去看看吧，你想要的都有

2017年9月19日 18:54