2012-02-22 70 views
1

我在我的項目中使用J查詢Mobile和ASP.net。在這些按鈕是惡作劇與網頁瀏覽器。如何減少jquery移動按鈕之前的文字空間?

所以看到我標誌的第一個圖像閱讀箭頭。該空間已修復,因此我的按鈕文字將會隱藏。

如果您使用的是jquery mobile。請告訴我在哪裏可以減少文本之前的空間。

可以理解嗎?

enter image description here

enter image description here

enter image description here

我的代碼

我使用jQuery Mobile的網格,。但我沒有使用鏈接,我正在使用按鈕。

和我的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 --> 
+1

您是否使用jQuery Mobile網格?無論如何,你可以發佈代碼或創建一個JSFiddle來演示這個問題嗎? – Jasper 2012-02-22 07:04:43

+0

@Jasper我不知道JSFiddle。請看我更新的問題。 – Sagotharan 2012-02-22 07:08:47

+0

JSFiddle是[jsfiddle.net](jsfiddle.net)。如果您發佈生成的HTML而不是服務器端代碼,會更好。你只是試圖減少填充? – RoToRa 2012-02-22 12:11:00

回答

0

您可以添加以下CSS:

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

調整邊距需要。

相關問題