你如何讓頭部溢出爲jQuery Mobile考慮圖標？

我的問題類似於被問到的問題here，但我比較挑剔，對這個答案並不滿意。你如何讓頭部溢出爲jQuery Mobile考慮圖標？

我正在使用jQuery移動版，並且標題中的一些標題太長以至於無法與我添加的按鈕匹配並變爲省略號。我完全沒有問題，只是它沒有完全計算在按鈕中有圖標時需要正確修剪的長度。帶圖標的按鈕與標題的開頭略有重疊。

我不確定我是否清楚地說明了這一點，所以這裏有一些圖片（看起來他們可能已經有點失真，但他們仍然顯示我在說什麼）。

這是「好」版本。標題文本用橢圓很好地切斷並適合兩個按鈕之間。

Good version

在這個版本中，然而，空間按鈕之間的量，因爲在左側和左按鈕的圖標重疊失算文本。

是否有通過JavaScript或CSS的方式，我可以修復文本的長度在按鍵之間，以便有沒有重疊，當我使用的圖標？或者我只需要交換圖標或不重疊？

2012-02-26 Zak

您可以使用下面的CSS

.ui-header .ui-title{ 
    margin-left:110px; 
    margin-right:80px; 
}

我修改了保證金正確的價值，因爲我覺得它需要一些調整，以省略號placement.You可以跳過它或編輯它，如果不需要的話。

2012-02-26 09:00:23 user700284

回答