7种常用的CSS元素居中方法,以图片为例:
1. 文本居中对齐 text-align:center
2. 自动边缘 margin:auto
3. 表格单元 display:table-cell
4. 绝对定位 position:absolute
5. CSS3转换方法 translate
6. CSS3弹性框(flexbox,-webkit-flex)
7. CSS3计算方法 calc
代码比较简单,直接看在线演示:
7种常用的CSS元素居中方法,以图片为例:
1. 文本居中对齐 text-align:center
2. 自动边缘 margin:auto
3. 表格单元 display:table-cell
4. 绝对定位 position:absolute
5. CSS3转换方法 translate
6. CSS3弹性框(flexbox,-webkit-flex)
7. CSS3计算方法 calc
代码比较简单,直接看在线演示: