jqueryモバイルボタンでテキストの前のスペースを減らすにはどうしたらいいですか？

Question

私のプロジェクトでJクエリMobileとASP.netを使用しています。 Inボタンはウェブブラウザで悪臭を放つ。

最初の画像を参照してください。そのスペースは固定されているので、私のボタンのテキストは見えなくなります。

jquery mobileを使用している場合は、私はテキストの前にスペースを減らすことができる場所を教えてください。

わかりますか？

マイコード

私はjqueryのモバイルグリッドを使用しています、。しかし、私はリンクを使用していない、私はボタンを使用しています。

と私の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> 

は、余白を調整します。