css居中的各种

一 .不定宽的文本和图片等内联元素居中：
定义它的父元素：text-align:center;
二 .定宽块状元素居中：
定义它的margin：0 auto；使它的margin-left，margin-right为auto；
三 .不定宽的块状元素：
1.加入 table 标签：
在想居中的块状元素外面加入table，tr，td，把它放在一个td里面，然后对
table设置margin:0 auto;

2.设置 display: inline 方法：与第一种类似，显示类型设为 行内元素，进行不定
宽元素的属性设置:
与第一种情况不定宽内联元素居中差不多，把块状元素设置为行内元素，然后设置这个行内元素的父元素text-align：center；

3.设置 position:relative 和 left:50%：利用 相对定位 的方式，将元素向左偏移 50% ，即达到居中的目的

居中的问题：
一 .不定宽的文本和图片等内联元素居中：
定义它的父元素：text-align:center;
二 .定宽块状元素居中：
定义它的margin：0 auto；使它的margin-left，margin-right为auto；
三 .不定宽的块状元素：
1.加入 table 标签：
在想居中的块状元素外面加入table，tr，td，把它放在一个td里面，然后对
table设置margin:0 auto;

2.设置 display: inline 方法：与第一种类似，显示类型设为 行内元素，进行不定
宽元素的属性设置:
与第一种情况不定宽内联元素居中差不多，把块状元素设置为行内元素，然后设置这个行内元素的父元素text-align：center；

3.设置 position:relative 和 left:50%：利用 相对定位 的方式，将元素向左偏移 50% ，即达到居中的目的

作者：旺仔小馒头21
链接：https://www.imooc.com/article/14538
来源：慕课网