要求：实现一个东西的水平和垂直居中，行级元素使用text-align和line-height，使用table-cell，vertical-align和text-aligninsub-elements在确定宽高和数量时，使用flex特别实用。它简单、完整且响应迅速。使用grid和flex有两种类似的实现方式：1、设置显示：grid；对齐内容：居中；justify-content：在父容器中居中；2．在父容器中设置显示：网格；在子元素中设置align-self:center；justify-content:center对absolute和negativemargin也很兼容，但是需要知道子元素的宽高才能使用absolute和automargin的兼容性也很好，但是需要知道width和子元素的高度。使用绝对和计算。这个兼容性取决于calc（IE9以下不支持），还需要知道宽高。使用绝对和转换。这种兼容性依赖于translate（不支持支持IE10及以下），不需要知道子元素的宽高
