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移动按钮只显示一个字而不是两个。为什么？

回答

相关问题