CSS自動居中一列布局
（1）三個技能點：
①標準文件流
②塊級元素
③margin屬性（實現網頁自動居中佈局的關鍵）
2、居中設定：margin:0 auto;
（1）auto：會根據瀏覽器的寬度自動的設定兩邊的外邊距
（2）原理：（瀏覽器的寬度-外包含層的寬度）/2=外邊距
（3）要求：不能再設浮動或絕對定位屬性
如果想讓頁面自動居中，當設定margin屬性為auto的時候，不能再設定浮動（float）或絕對定位（position）屬性，不然magin會失效
①標準文件流
②塊級元素
③margin屬性（實現網頁自動居中佈局的關鍵）
2、居中設定：margin:0 auto;
（1）auto：會根據瀏覽器的寬度自動的設定兩邊的外邊距
（2）原理：（瀏覽器的寬度-外包含層的寬度）/2=外邊距
（3）要求：不能再設浮動或絕對定位屬性
如果想讓頁面自動居中，當設定margin屬性為auto的時候，不能再設定浮動（float）或絕對定位（position）屬性，不然magin會失效
相關文章
- 一列居中寬度自適應佈局
- CSS columns 多列布局CSS
- 一列固定寬度居中佈局
- 前端CSS（1）之兩列布局和三列布局前端CSS
- css三列一列寬度自適應效果CSS
- CSS居中CSS
- CSS垂直居中和水平居中CSS
- CSS水平居中和垂直居中CSS
- 如何實現CSS居中？–CSS居中常用方法CSS
- CSS columns多列布局瀑布流CSS
- 使用 CSS 實現多列布局CSS
- CSS3嚐鮮（一）：CSS多列布局CSSS3
- CSS div居中CSS
- CSS之居中CSS
- CSS 文字居中CSS
- css居中，vueCSSVue
- CSS 垂直居中CSS
- 淺談CSS3多列布局CSSS3
- 小侃CSS3——多列布局CSSS3
- CSS-多列布局1-概述CSS
- 4種實現多列布局cssCSS
- CSS水平居中和垂直居中的方法CSS
- css-居中篇CSS
- CSS div居中效果CSS
- css實現居中CSS
- css水平垂直居中CSS
- css居中套路CSS
- CSS垂直水平居中CSS
- css居中總結CSS
- CSS如何居中一個float浮動元素?CSS
- VUE-多元素垂直排列，有一列自動填充Vue
- div垂直居中-CSS元素垂直居中方法CSS
- CSS的垂直居中和水平居中總結CSS
- CSS佈局之水平居中和垂直居中CSS
- css-水平居中、垂直居中（初級篇）CSS
- CSS3之多列布局columns詳解CSSS3
- CSS-多列布局2-斷行CSS
- CSS-多列布局3-瀑布流CSS