IE7切斷按鈕元素中的文本

這裏是我的按鈕元素：IE7切斷按鈕元素中的文本

<button type="submit" class="btn-submit"><span><strong>Let Me In, please!</strong></span></button>

和這裏的CSS：「讓我進去，請」

.btn-submit { margin: 0; padding: 0; border: none; font-family: Helvetica, Arial, sans-serif; font-size: 1.2em; line-height: 2em; font-weight: bold; color: #525252; background: none; } 
.btn-submit span { display: block; float: left; height: 24px; margin: 0; padding: 0 0 0 5px; background: url(../images/btn-submit-left.png) no-repeat 0 0; } 
.btn-submit strong { display: block; float: left; height: 24px; margin: 0; padding: 0 13px 0 8px; line-height: 2em; background: url(../images/btn-submit-right.png) no-repeat 100% 0; }

問題是，在IE7文本被切斷 - 只有「讓」出現。

刪除span和strong類將顯示文本的全部內容，寬度將設置爲.btn-submit類。問題是我需要由span和strong類提供的背景圖像，而且我不知道按鈕文本會有多長時間，所以無法爲.btn-submit類指定寬度。

任何幫助這裏是多讚賞。謝謝！

來源

2010-11-11 kareem

是否有任何理由指定height和float爲.btn-submit span和.btn-submit strong？如果不是，我會建議你刪除它們。這將解決問題的IE7

來源

2010-11-11 22:16:36 Sotiris

的CSS最初是由一個PSD到XHTML型公司切片。刪除它的工作，謝謝！你能幫我理解爲什麼這有效嗎？（我仍然是一個css黑客）在此期間，我發現在'.btn-submit'中添加'white-space：nowrap;'也解決了問題（同時保持'.btn的float和height屬性-submit span'和'.btn提交strong'。 – kareem 2010-11-11 22:43:47

IE7切斷按鈕元素中的文本

回答

相關問題