CSS菜單移動時大膽

我有一個看起來像這樣的菜單：CSS菜單移動時大膽

enter image description here

當用戶點擊人才招聘，它會大膽的（因爲它應該做的），但移動整個菜單1或2像素往左邊。我正在使用DNNnav。

你可以請張貼相關的CSS？ – Tobi 2012-03-28 10:01:03

你可以在jsfiddle中編碼嗎？ – Alex 2012-03-28 10:01:04

拜託，你可以用你的菜單的標記和CSS代碼填充小提琴嗎？ – fcalderan 2012-03-28 10:01:30

字體的大膽使用額外的空間。如果你確保每個菜單點都有一個設定的寬度，例如width: 100px;，當你將鼠標懸停在它上面時，它不應該跳過，因爲無論裏面有什麼，它都是穩定的100px。

祝你好運！

P.S.如果需要的話，你應該製作寬度超過100像素的圖片。

2012-03-28 10:01:48 Rvervuurt

嗨，感謝您的回覆。它幾乎就像我需要的菜單項是流體寬度。我怎樣才能做到這一點？ – 2012-03-28 10:22:37

以百分比（100％）而不是px（100px）爲單位的寬度，但我認爲這不會解決跳躍問題。 – Rvervuurt 2012-03-28 10:42:46

我添加了一個jsfiddle - http://jsfiddle.net/zvZ5p/ – 2012-03-28 10:45:39

很難通過jsFiddles編碼。但只是試圖給你一個固定的寬度在px爲你的'span.txt'span.txt{ width:100px;}或最小寬度span.txt{ min-width:100px;}可能會有所幫助。

2012-03-28 11:03:35

回答