css中子元素如何在父元素中居中

1、创建两个具有父子关系的元素，方便查看居中效果。

2、方法一：父元素宽度固定，子元素使用margin：auto实现居中效果。

3、方法二：父元素宽度固定，父元素设置text-align：center ，子元素设置display：inline-block，实现居中效果。

4、保存刷新，子元素成功在父元素中居中。