jQuery移動按鈕只顯示一個字而不是兩個。爲什麼？

我的代碼：jQuery移動按鈕只顯示一個字而不是兩個。爲什麼？

<a data-theme="my-site" data-role="button" onClick="checkReachability()">Online Map</a>

當我啓動應用程序，我只拿到按鈕「地圖」，而不是「在線地圖」。我覺得很奇怪。只要提到我是jQuery Mobile初學者。

應用程序在Android手機上運行。

的CSS：

.ui-btn-up-my-site { 
    color: white !important; 
    text-overflow: initial; 
    font-size:15px !important;  
    border: 1px solid #333; 
    padding-top:0 !important; 
    margin-top:-25px !important; 
    width:100px !important; 
    white-space: normal !important;    
}

來源

2012-12-09 Majstor

你能否提供更多的上下文？包含更多周圍的標記和任何相關的CSS。 – Enrico

[小提琴]（http://jsfiddle.net/Gbcfs/）我用你提供的信息得到的信息 – Enrico

好的，這有助於..但你能告訴我如何去除按鈕中的左右填充嗎？我嘗試這樣，但沒有工作：http://jsfiddle.net/Gbcfs/6/ – Majstor

你設置字體大小和寬度，使得「在線地圖」不適合您的按鈕

font-size:15px !important; 
width:100px !important;

您可以讓您的字體更小或使您的按鈕更大。您也可以根據文本的寬度，你的按鈕寬度使用以下

display:inline-block; 
# width: 100px !important; Comment out or delete this line.

看到它在行動 - fiddle

順便說一句，你應該儘量避免使用!important。使用CSS特性和順序來確保正確的樣式適用於正確的元素。

來源

2012-12-09 18:07:46 Enrico

jQuery移動按鈕只顯示一個字而不是兩個。爲什麼？

回答

相關問題