居中和垂直居中的区别?

居中是元素在水平方向上左右对齐，垂直居中是元素在垂直方向上上下对齐。两者结合可实现完全居中。

区别

居中：指元素在容器内左右两侧留白相等，适用于文本、图片等水平排列的内容。比如一段文字在页面中左右两边距离相同，就是居中。这种对齐方式让视觉重心落在水平中轴线上，适合阅读顺序从左到右的场景。

垂直居中：指元素在容器内上下两侧留白相等，适用于需要垂直方向平衡的情况。比如一个按钮在页面中上下两边距离相同，就是垂直居中。这种对齐方式让视觉重心落在垂直中轴线上，适合需要突出垂直对称性的设计。