css常见居中方法

64 阅读1分钟

CSS中的几种常见居中方法:

  1. 父元素设置text-align: center; 子元素设置display: inline-block;
  2. 父元素设置display: flex; justify-content: center; align-items: center;
  3. 父元素设置display: grid; 子元素设置grid-column-start/grid-column-end: center;
  4. 父元素设置position: relative; 子元素设置position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
  5. 父元素设置display: table-cell; vertical-align: middle; text-align: center;

以上是常见的居中方法,具体使用哪种方法,取决于实际需求和布局情况。