Question

我的代码：

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

当我启动一个应用程序时，我只得到了“Map”按钮而不是“Online Map”。我觉得很奇怪。只是提到我是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;             
}

Answer 1

您已设置字体大小和宽度，使“在线地图”不适合您的按钮

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

您可以将字体缩小或使按钮变大。您还可以使用以下

创建按钮宽度，具体取决于文本的宽度

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

查看实际操作 - fiddle

顺便说一句，您应该尽量避免使用!important。使用CSS特性和排序来确保将正确的样式应用于正确的元素。

jQuery移动按钮只显示一个单词而不是两个单词。为什么？

1 个答案: