麻烦的是,在粗体中,单词变得稍宽,这导致其余的元素稍微向左或向右移动。有没有聪明的方法来防止这种情况发生?沿着告诉padding忽略由粗体造成的额外宽度的线的东西?我的第一个想法是简单地从“活动”元素的填充减去几个像素,但这个量变化。
如果可能,我希望避免在每个条目上设置静态宽度,然后对中,而不是我目前的填充解决方案,以便将来更改条目简单。
编辑:图片的价值一千拙劣选择的话:
li:hover {text-shadow:0px 0px 1px black;}
jsfiddle example