当我们将鼠标悬停在元素上并将其字体设置为粗体时,我们怎样才能避免震动

deo*_*oll 3 html css shake

当我们将鼠标悬停在元素上并将其字体设置为显示粗体时,我们如何避免震动?这是我写的代码示例:

http://jsfiddle.net/8v4Ag/

有没有一种技术可以避免震动?假设我将鼠标悬停在LogOff上,字体变为粗体,但由于文本变得粗壮,该行文本会向右移动一点.如果我们徘徊它再次摇晃.

是否有任何CSS方式避免这种震动?

rlo*_*ang 5

我通过使用悬停样式的不可见重复文本解决了这个问题.使用visibility:hidden而不是display:none来占用空间,并将其放在原始文本下面.这个不可见元素将确保文本足够宽以用于悬停状态.

她就是一个例子