## margin和width實現水平居中
給需要居中的元素設置寬度,然后設置margin:0 auto;
優點:簡單,方便,瀏覽器兼容性強
缺點,需要知道當前元素的寬度。擴展性差
```
.son{
width:300px;
margin:0 auto;
}
```
## inline-block 實現水平居中的方法
給子元素設display:inline-block; 將元素設置為行內快元素,然后給夫元素設置 text-align:center; 行內元素居中
優點:簡單,拓展性強
缺點:需要處理inline-block的瀏覽器兼容性
```
.son{
position:absolute; /*絕對定位*/
width:300px;
left:50%;
margin-left:-150px;
}
```
## css3的flex實現水平居中
為父元素設置 display:flex;justify-content:center;
優點:方便,快捷
缺點:兼容性差
```
.fater{
dispay:flex;
justify-content:center; //設置內容對齊方式為居中
}
.son{
}
```
## css3的fit-content實現水平居中
優點:簡單,方便
缺點:兼容性差
```
.fa5{
width: fit-content;
margin:0 auto;
}
```
- 怎么將元素水平垂直居中
- 實現元素水平居中
- position幾個屬性的作用
- px,em,rem的區別
- BFC
- box-sizing, transition, translate 分別是什么
- 選擇器的優先級
- css3選擇器有那些
- iframe的作用
- 導航欄在chrome中完好,在IE中有問題。
- CSS3新特性有那些
- xhtml和html的區別
- css引入方式有哪些,link和@import的區別是
- 標簽上的title于alt屬性的區別是什么
- css reset的作用和用途
- css sprites,如何使用
- 清除浮動的幾種方式
- z-index的工作原理及適用范圍
- 設計一套方案,適應不同的分辨率,有那些方法可以實現
- 漸漸增強和優雅降級的區別
- 改變元素的外邊距用什么屬性?改變元素的內填充用什么屬性
- 在新窗口打開連接的方法是
- 頁面布局中得而結構和表現分離,結構是什么?表現是什么
- 簡述對web語義化的理解
- .html文件中的DOCTYPE是什么?有什么用
- css選擇器的種類有幾種?css選擇器的優先級是怎么定義的
- display:none;與visibility:hidden;的區別是什么
- 文字溢出省略