最近在面試，不停地收到了知識衝擊，尤其是對於一些基礎的css、html、js問題居多，所以自我也在做反思，今天就css問題，如何讓乙個子元素div塊元素上下左右居中 (以下總結方法，都已得到驗證)。
情景一：乙個瀏覽器頁面中，只有乙個div模組，讓其上下左右居中
解決方案：
情景二：乙個父元素div，乙個已知寬度、高度的子元素div(200*300)
解決方案： 1、position布局
position:absolute/fixed;
top:50%;
left:50%;
margin-left:-100px;
margin-top:-150px;
情景三:乙個父元素div，乙個未知寬度、高度的子元素div
解決方案： 1、position布局，position設為absolute，其他同情景一
2、display：table
父級元素：
子級元素：
3、flex布局
父級元素：
子級元素：
CSS 上下左右居中筆記
結果 2.彈性盒子flex justify content 內容對齊,屬性應用在彈性容器上，把彈性項沿著彈性容器的主軸線 main axis 對齊。justify content flex start flex end center space between space around align ...
用CSS讓DIV上下左右居中的方法
例如 乙個父div w 100 h 400px 中有乙個子div w 100px 100px 讓其上下左右居中。利用 單元格的居中屬性。注 當父div的行高等於自身高度時，內部的行內元素會上下居中顯示。行內塊沒有固定高度時也會上下居中顯示。通過文字居中屬性 text align center,可以使...
用CSS讓DIV上下左右居中的方法
例如 乙個父div w 100 h 400px 中有乙個子div w 100px 100px 讓其上下左右居中。利用 單元格的居中屬性。注 當父div的行高等於自身高度時，內部的行內元素會上下居中顯示。通過文字居中屬性text align center,可以使內部行內元素左右居中顯示。123 利用定...