解决方案应通过将内容保持在中心位置,同时被高度挤压、宽度挤压、元素复制、内容编辑和布局方向为各种语言模式和方向来展示其弹性。值得信赖的弹性居中,也是安全的居中。
在过去,元素居中是 CSS 中最棘手的事情之一。随着 CSS 语言的发展,我们有了很多新工具可以使用……但我们该如何选择最佳方案呢?何时使用 Flexbox、CSS Grid 或其他工具?让我们一探究竟。
也许是因为我们的文字都是从左到右写的,所以才导致HTML规范中所有跟布局相关的设计都是倾向于左右布局。所以才导致左右居中非常容易,而上下竖向居中经常会出错。在《如何竖向居中》这篇文章里曾介绍过两种竖向居中的方法,但每种方法都有自己的局限。于是技术是第一生产力的真理又一次发挥作用
在各种技术论坛里经常会有这样的问题提出,“我如何能将这个东西竖向居中?”这个问题通常会跟随着这样一句话,“我使用了 vertical-align:middle,但是不管用! ”这个问题其实有三个层面的原因