答案是：#box ul.games li img{vertical-align: middle;} 這行很重要哦。 <div id="box"> <div class="d ...

...

在最后一項元素使用樣式： ...

兩個都加上：vertical-align:top; ...

內容，只需要父元素設置 /* 設置彈性容器 */ display: flex; /* 設置主軸居中 */ justify-content: center; /* 設置側軸居中 */ align-items: center; ...

效果實現： 需求：兩個行內元素 實現兩端對齊 兩端對齊 是 因為行內元素 不能設置寬度 所以 將行內元素變為 inline-block,或者block 發現依舊不可行 查看代碼，添加一個偽元素 完整代碼 當然 如果文字不是動態讀出來 ...

　　在制作一個頁面的過程中，需要將處於同一個父div中的兩個高度不一樣的input進行垂直居中對齊。編寫時在FF下查看默認就是對齊的，而到了IE6下兩者卻出現了錯位。猶記得有個vertical-align屬性可以用來進行垂直對齊，礙於前端經驗較少，故在網上搜索該屬性的用法。后在一個知名的web技術 ...

在一個div中，需要對其里面的元素變成行內元素，但是使用display:inline-block會發生水平不對齊的情況 這個時候可以對父元素div使用彈性布局改變為行方向： ...