居中在平時的運用很多，以下簡單做了一些總結。
統一 html 格式如下：
class
="container"
>
class
="content"
>
contentdiv
>
div>
居中效果如下：
1.1.1 已知父元素子元素高度
.container
.content
.container
.content
.container
.content
.container
.content
.container
.content
.container
.content
class
="container"
>
class
="content"
>
塊級元素內容居中div
>
div>
居中效果如下：
.container
.container
.content
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...
CSS居中及布局
css中的居中可分為水平居中和垂直居中。水平居中分為行內元素居中和塊狀元素居中兩種情況，而塊狀元素又分為定寬塊狀元素居中和不定寬塊狀元素居中。下面詳細介紹這幾種情況。使用inline block和text aligh實現.parent child 優點 相容性好 缺點 需要同時設定子元素和父元素 使...