Published Apr 11
绝对居中
绝对居中 = 水平居中 + 垂直居中
利用 margin
父元素标记
position: relative
子元素指定
position: absolute; inset: 0; margin: auto;
利用 transform
父元素标记
position: relative
子元素指定
position: absolute; top: 50%; left: 50; transform: translate(-50%, -50%);
原理:top 和 left 的 50% 是相对于包含块(即父元素)的尺寸的,而 transform 里面的百分比是相对于元素本身的尺寸的
利用 place-center
父元素标记 display: grid; place-content: center;
Related content
Week 6 @ 2025 算法周记【前缀和 + 滑动窗口】
Week 6 @ 2025 算法周记【前缀和 + 滑动窗口】
More like this
Week 8 @ 2025 算法周记【滑动窗口 + 前缀和】
Week 8 @ 2025 算法周记【滑动窗口 + 前缀和】
More like this
Week 43 @ 2024 算法周记【滑动窗口】
Week 43 @ 2024 算法周记【滑动窗口】
More like this
Week 5 @ 2025 算法周记【滑动窗口】
Week 5 @ 2025 算法周记【滑动窗口】
More like this
Week 3 @ 2025 算法周记【前缀和 + 双指针数组】
Week 3 @ 2025 算法周记【前缀和 + 双指针数组】
More like this