元素水平居中

1,父元素display: flex,子元素margin: auto;2,父元素text-aligin: center,子元素display: inline-block;3,父元素display: table-cell或者table,子元素 margin:auto;4,子元素margin-left: auto;margin-right: auto;5,子元素margin:0 auto;6,子元素position: absolute;left: 50%;margin-left: -width/2;7,子元素position: absolute;margin: auto;top: 0;left: 0;bottom: 0;right: 0;8,子元素position: absolute;top: 50%;left: 50%;-webkit-transform:translate(-50%,-50%);  9,没测试width:-webkit-fit-content;