如何在jquery移动按钮中减少文本前的空间？

Question

我在我的项目中使用J查询Mobile和ASP.net。在那个按钮与网络浏览器一起恶臭。

请参阅我标记的第一张图像。那个空间固定了，所以我的按钮文本将变得不可见。

如果您使用的是jquery mobile。请告诉我在哪里可以减少文字前的空间。

可以理解吗？

我的代码

我正在使用jquery mobile Grid。但我没有使用链接，我正在使用按钮。

和我的css jquery.mobile-1.0b3.css和脚本是，..

<script src="Scripts/jquery-ui-1.8.16.custom.min.js" type="text/javascript"></script>
    <script src="Scripts/jquery-1.6.2.min.js" type="text/javascript"></script>
    <script src="Scripts/jquery.mobile-1.0b3.js" type="text/javascript"></script> 

<div class="ui-grid-b">                
                <div class="ui-block-a"><asp:Button ID="Button1" runat="server" Text="Button" /></div>
                <div class="ui-block-b"> <asp:Button ID="Button2" runat="server" Text="Button" /></div>             
                <div class="ui-block-c"> <asp:Button ID="btnUp" runat="server" Text="UP" onclick="btnUp_Click" /></div>    
                <div class="ui-block-a"><asp:Button ID="Button3" runat="server" Text="Button" /></div>
                <div class="ui-block-b"><asp:Button ID="Button4" runat="server" Text="Button" /></div>
                <div class="ui-block-c"> <asp:Button ID="Button5" runat="server" Text="Button" /></div>
                <div class="ui-block-a"><asp:Button ID="Button6" runat="server" Text="Button" /></div>
                <div class="ui-block-b"><asp:Button ID="Button7" runat="server" Text="Button" /></div>
                <div class="ui-block-c"> <asp:Button ID="Button8" runat="server" Text="Button" /></div>
                <div class="ui-block-a"><asp:Button ID="Button9" runat="server" Text="Button" /></div>
                <div class="ui-block-b"><asp:Button ID="Button10" runat="server" Text="Button" /></div>                       
                <div class="ui-block-c"><asp:Button ID="btnDown" runat="server" Text="DOWN" onclick="btnDown_Click" /></div>               
            </div><!-- /grid-b -->

Answer 1

您可以添加以下CSS：

<style>
    .ui-grid-b .ui-btn { margin: 0; }
</style>

根据需要调整边距。