居中個人總結

2021-08-30 06:37:44 字數 667 閱讀 9702

對於單行文字

height和line-height設定相同高度

.p
不定高

.father 


.son
.father 


.son
flex布局 + align-items: center;

對於給定寬度，可以簡單使用margin: 0 auto;

.center
或者在父元素中新增text-align:center;子元素新增display: inline-block;

.father 


.son
更多方法瀏覽

html:
需要知道元素的寬高

.con
.con
或者把父元素改為display: table-cell

.set
或者使用flex布局

.set
or

#box

css 居中總結

1.定寬塊狀元素 水平居中 divstyle 2.不定寬塊狀元素 水平居中 wrap class wrap 設定我所在的div容器水平居中 div 2.display inline textalign center 它將塊狀元素的 display 型別改為 inline，變成了行內元素，所以少了一些...

css居中總結

給父元素設定 text align center 但對浮動元素，絕對定位元素無效設定margin 0 auto 將塊級元素display設定為inline，然後使用text align center 給父元素設定float,position relative,left 50 子元素設定positio...

css居中總結

1.我們可以通過給該元素的父級設定margin 0 auto的方式來實現。html class parent class child center div div css child此時檢查元素即可即可實現內層的div實現了居中,這種方式是最為我們熟知的，其缺點是需要設定子元素的寬度。2.通過pos...