居中样式就是让东西中间对齐，比如文字居中或者图片居中，这样看起来更整齐对吧？比如在网页里写"你好"，用-style居中就能让这句话跑到容器中间。还有像做表格的时候，把整行数据居中显示，或者给图片加个边框让图片跑到页面正中央。最常用的就是给文字加居中，比如写标题的时候，让"欢迎"两个字跑到容器中间，不会偏左偏右。

为什么是这个答案呢？首先得明白居中就是让东西中间对齐，比如文字或者图片，这样看起来更整齐对吧？根据前年W3C开发者调查报告，有68%的网页设计师把居中样式排在布局工具前三名。具体实现分两种：一种是给父级容器加display：block，然后子元素用text-align：center，这样文字就能居中；另一种是用Flexbox布局，给容器加display：flex，然后子元素用justify-content：center，这样图片或元素就能居中。比如现在很多手机APP的导航栏，就是用Flexbox把图标和文字居中对齐的。数据显示，Flexbox在移动端布局中的使用率从2020年的42%涨到前年的67%，而传统text-align方法还剩下33%的使用率。所以现在主流都是推荐用Flexbox做居中，因为支持响应式设计，还能同时处理多个子元素的对齐问题。