http://jsfiddle.net/9DDHq/是我試圖製作一個按鈕,其文本在兩個值之間切換並且寬度不變。我無法弄清楚如何使按鈕保持與兩個文本值中較長的一樣寬。創建按鈕,切換寬度不變的文本值
例如,如果兩個文本值是 「XYZ」 和 「x」,按鈕應該像
[ xyz ]
或
[ x ]
相同的寬度,在文本都居中。我不想讓按鈕在px或ems中固定。
http://jsfiddle.net/9DDHq/是我試圖製作一個按鈕,其文本在兩個值之間切換並且寬度不變。我無法弄清楚如何使按鈕保持與兩個文本值中較長的一樣寬。創建按鈕,切換寬度不變的文本值
例如,如果兩個文本值是 「XYZ」 和 「x」,按鈕應該像
[ xyz ]
或
[ x ]
相同的寬度,在文本都居中。我不想讓按鈕在px或ems中固定。
這裏是更新您的jsfiddle, 檢查this
嗨。謝謝,但我認爲這不是一個好的解決方案。請參閱http://jsfiddle.net/9DDHq/4/,其中選項的順序相反。並且+ 20px是任意的。它不考慮字體大小。 – user1389892
您可以輕鬆處理字體大小;重新檢查一下:[link](http://jsfiddle.net/9DDHq/5/);我認爲20px可以處理默認按鈕填充 – Mironline
非常感謝。 – user1389892
你爲什麼不加固定寬度按鈕如..寬度:150像素;這應該可以解決你的問題。 –
@naimshaikh,我不認爲這是一個好的解決方案,因爲如果用戶增加他的字體大小,它將停止工作。 – user1389892