有一個問題，我試圖垂直對齊滑塊中的圖片，因為它們粘在頂部邊緣。我試圖將容器設定為顯示：表格單元格和垂直對齊：中間但它不起作用。
有我的結構：
<div class="slider-container">
<div class="multiple-items">
<div>
<img src="assets/img1.png" />
</div>
<div>
<img src="assets/img2.png" />
</div>
<div>
<img src="assets/img3.png" />
</div>
<div>
<img src="assets/img4.png" />
</div>
<div>
<img src="assets/img5.png" />
</div>
</div>
</div>
和CSS：
.slider-container {
border: 5px solid #fff;
max-height: 100px;
max-width: 700px;
margin: 0 auto 10px;
}
.slider-box {
position: relative;
}
.multiple-items div {
vertical-align: middle;
}
ps：我無法將我的代碼設定為片段（因為代碼比我的問題長），所以有到代碼和框的鏈接
uj5u.com熱心網友回復：
使用display: flex.
將align-items屬性設定為 時center，您可以獲得垂直對齊的專案。
.multiple-items div {
vertical-align: middle;
display: flex;
justify-content: center;
align-items: center;
}
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/349529.html
上一篇：PDF下載按鈕
下一篇：在產品類別頁面中顯示隨機影像