這水平垂直居中，可謂是面試筆試，屢試不爽~所以今兒總結了一下，方便查閱和學習。
1、知道div的寬高，採用position定位實現
class
="outer1"
>
class
="inner1"
>
div>
div>
.outer1
.inner1
class
="outer2"
>
class
="inner2"
>
div>
div>
.outer2
.inner2
class
="outer3"
>
class
="inner3"
>
div>
div>
.outer3
.inner3
class
="outer4"
>
class
="inner4"
>
div>
div>
.outer4
.inner4
CSS之水平垂直居中
html div css box要點 已知元素高和寬，將其絕對定位時，top，left定位50 最後將margin top 和 margin left 設為高和寬的一半的負值。box 要點 可以不知道元素高和寬，將其絕對定位時，top，left定位50 最後translate 50 50 即移動相對...
css各種水平垂直居中
css各種水平垂直居中，網上查了一下，總結以下幾種 line height垂直居中 缺點，僅限於單行文字 item 效果 padding垂直居中 缺點，內容不確定時，高度不好固定 item 效果 margin垂直居中 需要知道父層和子層高度，然後marginleft margintop 父層 2 子...
css實現水平居中 垂直居中 垂直水平居中布局
1.只需要把行內元素包裹在乙個屬性display為block的父層元素中，並為父層元素新增如下屬性即可 parent2.塊狀元素解決方案 item3.多個塊狀元素解決方案將元素的display屬性設定為inline block，並且把父元素的text align屬性設定為center即可 paren...