Как можно уменьшить пространство перед текстом в мобильной кнопке jquery? - PullRequest
1 голос
/ 22 февраля 2012

Я использую J запрос Mobile и ASP.net в моем проекте.В этом кнопки воняют с веб-браузером.

Так что смотрите первое изображение, которое я отмечаю, читать стрелкой.Это пространство исправлено, поэтому текст моей кнопки будет невидимым

Если вы используете jquery mobile.подскажите пожалуйста где можно уменьшить пространство перед текстом.

Понятно?

enter image description here

enter image description here

enter image description here

Мой код

Я использую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 -->

1 Ответ

0 голосов
/ 22 февраля 2012

Вы можете добавить следующий CSS:

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

Настройте поля по мере необходимости.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...