CSS меню движется жирным шрифтом

Question

У меня есть меню, которое выглядит следующим образом:

Когда пользователь нажимает на Набор, он выделяется жирным шрифтом (как и должно быть), но перемещает все меню 12 пикселя влево.Я использую DNNnav.

Answer 1

Смелость шрифтов использует дополнительное пространство.Если вы убедитесь, что каждая точка меню имеет заданную ширину, например, width: 100px;, она не должна перескакивать, когда вы наводите на нее курсор, так как она будет равной 100px, независимо от того, что внутри.Удачи!

PS При необходимости вы, конечно, должны сделать его шире, чем 100px.

Answer 2

Трудно пройти через ваш код в jsFiddles.Но попробуйте указать фиксированную ширину в пикселях для вашего 'span.txt' span.txt{ width:100px;} или, может быть, минимальная ширина span.txt{ min-width:100px;} может помочь.