00:00
00:00
避免字重变化引起的布局偏移
这个方案使用了一种 CSS 技巧:为每个导航链接添加一个不可见的 ::after 伪元素,它带有 font-semibold 并通过 data-text 属性携带相同的文本内容。这样便始终为加粗后的文本预留了宽度,因此在可见文本上切换 font-semibold 时不再改变元素的尺寸。
这个方案使用了一种 CSS 技巧:为每个导航链接添加一个不可见的 ::after 伪元素,它带有 font-semibold 并通过 data-text 属性携带相同的文本内容。这样便始终为加粗后的文本预留了宽度,因此在可见文本上切换 font-semibold 时不再改变元素的尺寸。