Html 字体大小更改时保留原始填充

我创建了两个div，每个div中都有一些填充

div{
显示：内联；
背景颜色：黄色；
填充：2×2×2×2×2×2；
}
div:悬停{
字体大小：粗体；
}

一
二

div会移动，因为它们是为了适应文本，所以如果文本变大，div也会移动。最好的办法是在div上设置一个固定的宽度，因此它不会移动。

div会移动，因为它们是为了适应文本，所以如果文本变大，div也是如此。您最好的选择是在div上设置一个固定的宽度，因此它不会移动。

要么将宽度设置为固定宽度，要么在悬停部分减少填充。

要么将宽度设置为固定宽度，要么在悬停部分减少填充。

而不是

显示：内联使用<代码>浮动：左

并向

div

s提供特定数量的

宽度

div{
背景色：#FFFF00；
浮动：左；
填充：2px；
宽度：41px；
}
div:悬停{
字体大小：粗体；
}

1
两个
代替
显示：内联使用<代码>浮动：左
并向
div
s提供特定数量的
宽度


div{
背景色：#FFFF00；
浮动：左；
填充：2px；
宽度：41px；
}
div:悬停{
字体大小：粗体；
}
1
两个
无衬线
是用户控制的字体系列，因此我们不知道要删除多少填充。
无衬线
是用户控制的字体系列，因此我们不知道要删除多少填充。