CSS如何讓元素水平，豎直方向都居中？

原理：通過定位和調整matgin-top和margin-left的位置的方式調節。

type
="text/css"
>
.demo
style
>
class
="demo"
>
div>

原理：把元素設定為絕對定位(absolute)後，該元素可以通left,right,top,bottom四個屬性來決定其盒子模型的長寬度。當left,right,top,bottom都為0的時候，盒子模型的長寬就是視窗長寬。通過設定margin為auto會分配四個方向的空間達到居中效果。

type
="text/css"
>
.demo
style
>
class
="demo"
>
div>

效果：

利用flex布局align-items(橫向)和justify-content(縱向) 設定子元素位置

>
.wrap
.item
style
>
class
="wrap"
>
class
="item"
>
div>
div>

一水平居中 1.文字水平居中給父級元素設定text align center 2.確定寬度的塊級元素居中設定自身margin left auto margin right auto 別忘了設定自身寬度 3.不確定寬度的塊級元素的居中 1 用table幫助實現不確定寬度塊級元素居中塊級元素設...

一水平居中 1.文字水平居中給父級元素設定text align center 2.確定寬度的塊級元素居中 margin 0 auto margin left,margin right 0 3.不確定寬度的塊級元素的居中 1 用table幫助實現不確定寬度塊級元素居中塊級元素設定table元素...