TL;DR:我们可以在 CSS 的三行中将绝对定位的元素居中。
近年来,CSS 带来了很多新功能,这些功能不一定能让我们做新的事情,但肯定会让它们变得更容易、更简单。
例如,我们不必再对索引进行硬编码:。
相反,所有这些都被压缩为sibling-index()和sibling-count()函数。
尽管如此,有一项小任务感觉就像我们几十年来一直在做同样的事情:将绝对定位的元素居中,我们通常是这样实现的:。
好吧,还有另一种不为人所知的跨浏览器方式,不仅可以居中,还可以轻松放置任何绝对定位的元素。
来源:CSS Tricks



