水平居中和垂直居中有什么区别?

水平居中是让元素在左右方向上居中对齐，垂直居中则是让元素在上下方向上居中对齐。两者的区别主要在于对齐方向不同，一个处理左右位置，一个处理上下位置。

区别

水平居中：指的是元素在容器中左右两边留出相等的距离。比如一段文字在页面中间，左右两侧空白区域大小一致。这种居中方式适合处理文本、图片等需要左右平衡的场景，常见于网页标题或导航栏的布局。

垂直居中：指的是元素在容器中上下两边留出相等的距离。比如一个按钮在屏幕中间，顶部和底部的空白区域相同。这种居中方式常用于弹窗、登录框等需要上下对称显示的元素，确保视觉上的稳定感。