观澜Media

AI技术 · 深度资讯 · 前沿观察

将(绝对)元素居中的另一种方法

TL;DR:我们可以在 CSS 的三行中将绝对定位..

TL;DR:我们可以在 CSS 的三行中将绝对定位的元素居中。

近年来,CSS 带来了很多新功能,这些功能不一定能让我们做新的事情,但肯定会让它们变得更容易、更简单。

例如,我们不必再对索引进行硬编码:。

相反,所有这些都被压缩为sibling-index()和sibling-count()函数。

尽管如此,有一项小任务感觉就像我们几十年来一直在做同样的事情:将绝对定位的元素居中,我们通常是这样实现的:。

好吧,还有另一种不为人所知的跨浏览器方式,不仅可以居中,还可以轻松放置任何绝对定位的元素。

来源:CSS Tricks

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关于我们

观澜Media

AI技术 · 深度资讯 · 前沿观察。专注科技、AI、互联网领域的深度报道与前沿资讯。

搜索归档

Access over the years of investigative journalism and breaking reports