在前端開發中，經常會碰到布局需要左右居中，上下居中的情況，在現代瀏覽器中實現居中還是挺方便的，本文只考慮在高版本現代瀏覽器中的情況，不考慮ie.
這是常用的水平居中，按鈕，文字等行內元素的方法，但不能上下居中
abcedd
此方法也只能實現水平居中，具體用法為：margin:0 auto.sub.sub對於不是**的元素，可以使用display:table-cell模擬**，實現居中的目的。這種情況下，父級容器要指定寬度，用百分比的話達不到左右居中的目的
**：
CSS 居中布局
居中在平時的運用很多，以下簡單做了一些總結。統一 html 格式如下 class container class content contentdiv div 居中效果如下 1.1.1 已知父元素子元素高度 container content 1.1.2 未知父元素高度，已知子元素寬度 高度.con...
CSS居中布局
方式一 css3 transform parent child 方式二 flex 布局 parent 適用於子元素為浮動，絕對定位，內聯元素，均可水平居中。常見的內聯元素有 span,a,img,input,label 等等 parent 此方法同樣適用於 display inline block ...
CSS居中布局
一 水平居中方案 1 行內元素 設定 text align center 2 定寬塊狀元素 設定 左右 margin 值為 auto 3 不定寬塊狀元素 a 在元素外加入 table 標籤 完整的，包括 table tbody tr td 該元素寫在 td 內，然後設定 margin 的值為 aut...