hover悬停的时候字体加粗，会增加宽度，导致文字列表会抖动一下。
这样的情况下中，不能定宽只给了padding，要如何解决这个抖动的问题。
我是这样解决的，给一个margin是悬停后增加的宽度， 悬停时再干掉margin，不过显然是个下策，每个字数都不一样增加的宽度也就不一样，一个一个加margin,蛋疼。
好像没有去测浏览器的兼容，是不是各个浏览器加粗后增加的宽度是否一样。。。
有没有更好的办法？
展开
收起
版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
1
条回答
写回答
-
IT从业
如果不给定宽度的话，改变font-weight:bold;，字体所占的宽度变大是不可避免的，实在要保持不变的话有以下两种：
1.js使改变margin或padding的大小来动态改变保持宽度不变，但是这个可能比较复杂
2.使用隐藏的伪元素，实例
参考：text shifting on bold hover
2019-07-17 19:27:31赞同 展开评论
相关问答