html5文字居中代码_多个你不知道的 CSS 居中方案！

文末送 5 本书

水平居中

内联元素

要使内联元素(如链接，span 或img)居中，使用 text-align: center 足够了。

"desk">"plate">




.desk {
    
  text-align: center;
}

对于多个内联元素，也可以使用text-align：center:

"desk">"plate">"plate">




.desk {
    
  text-align: center;
}

Flexbox

使用 flexbox 也可以快速居中元素：

.desk {
    
  display: flex;
  justify-content: center;
}

对于多个内联的项目，也可以正常工作：

CSS Grid

使用网格容器时，图中的盘子将根据其网格区域居中。请注意，除非将它们包裹在一个元素中，否则这将不适用于多个盘子。