Android jQuery移动-按钮样式-填充问题

请参阅下面的照片以了解问题：

我这里的填充有问题。我不能把按钮“在线地图”的文字放在按钮的中间。我正在为Android开发这个应用程序

HTML:

我花了5个多小时尝试设计这个按钮，但仍然没有成功。这使我发疯。。 有人能帮我吗？

你可以试试设置

margin-left: 0px;
margin-right: 0px;

---

有时它为我解决了一些问题。希望它能起作用。

这个问题只发生在android上吗？实际上我不知道。。。我只能在Android上测试。我的意思是在桌面浏览器中，这个问题是可复制的吗？如果是，请在可以复制问题的地方发布示例代码JSFIDLE否，在桌面浏览器中不显示问题。可能是因为，据我所知，桌面浏览器不解析以下元素：data-theme=“我的站点”data-role=“button”data-mini=“true”…等等，没有解决问题。但是仍然会引起一些变化。。再次查看图片。您是否尝试过将负值置于左边距，然后将右边距移除，或者以其他方式移除？很抱歉问你这个问题，只是为了确定不，没什么。。这一点都不影响。我甚至放了！这些属性背后的重要信息…抱歉，我刚刚注意到两件事：1ts：尝试删除文本对齐：居中；第二：为什么不尝试使用jquery mobile导航栏，而不是创建自己的div，只覆盖大小？

.ui-btn-up-my-site { 
    color: white;       
    font-size:8px;      
    padding-top:0;
    padding-left:0 !important;
    border:1px solid #333;
    text-align:left !important;
    padding-right:0;
    margin-top:-10px ;
    white-space: normal;                 
}

.footer .ui-grid-b .ui-block-a, .footer .ui-grid-b .ui-block-c { width: 20%; } 
.footer .ui-grid-b .ui-block-b { width: 60%; text-align: center; padding:0;}

margin-left: 0px;
margin-right: 0px;