如何在 Bootstrap中垂直居中容器 使用靈活的框佈局(現代方法) 對於現代瀏覽器,您可以使用彈性盒將容器垂直居中佈局: 使用::before偽元素(舊方法) 對於較舊的瀏覽器,您可以使用 ::before偽元素元素建立一個將容器對齊的全高元素垂直: 其他注意事項 為了防止小螢幕上出現意外問題,您可以重置::before 偽值的高度-element 為auto 或0。 如果容器周圍有頁腳/頁眉部分,請將它們正確放置並添加較高的 z-index 值可讓它們保持在頂部。