未知文本自适应居中

多行文本和图片在未知尺寸的容器中的居中方法

1、position：absolute；

1⃣当元素没有宽和高的时候，设置四个方向的定位值可以把元素宽高拉开，撑满父级；

2⃣当元素有宽高的时候，设置四个方向的定位值为0，可以使用margin：auto；居中。

2、margin：0 auto；

左右居中

3、定位居中

父级设置position：relative；

子级设置position：absolute；

top：50%；

left：50%；

margin：-宽的一半 0px 0px -高的一半

4、flex-box： 规定框的子元素是否可伸缩其尺寸。

display: flex; 设置flex布局 align-items: center; 在交叉轴方向的对其方式为居中 justify-content: center;在主轴方向的对齐方式为居中

5、使用表格，把图文放在td里面，默认就是垂直居中，然后加一个margin：0 auto；左右居中；达到居中效果。

6、图片居中：设置为位置容器的背景图background-position：50%；