網頁

2020年7月13日 星期一

IE11中使用flex + min-height做垂直置中的問題

前端的人使用bootstrap4切版,套版後覺得不好看,臨時改成有有最小高度,結果發現在IE無法垂直置中,查半天跟flex有關的資料,看到internet-explorer - 在 IE 中,css Flexbox不是垂直居中提到height要設定因為ie的bug,實際設定height設個比min-height小的值,就真的垂直置中了,真的太神奇了 @@

PS. 不確定是否全部ie版本都能用,但ie11可行。

--- 7/16 更新
傻傻的以為能用,這做法不適合高度會變動的版面

參考網址:
internet-explorer - 在 IE 中,css Flexbox不是垂直居中