выровнять по правому элементу в мобильном jquery - PullRequest
Новая
       2

выровнять по правому элементу в мобильном jquery

7 голосов
/ 08 февраля 2012

Я создал эту форму элементов: 

<div class = "ui-grid-a">
                <div class= "ui-block-a">
                    <div data-role="fieldcontain" class = "ui-hide-label">
                        <label for="birth-place">Birth Place</label>
                        <input type="text" name="birth-place" id="birth_place" value="" placeholder="Birth Place" />
                    </div>
                </div>
                <div class = "ui-block-b">
                    <div data-role = "fieldcontain" class="ui-hide-label">
                        <label for="province">Province</label>
                        <input type="text" name="province" id="province" value="" placeholder="PR" />
                    </div>
                </div>
            </div>

и я хочу выровнять элемент province вправо. Как я могу это сделать?

Ответы [ 3 ]

10 голосов
/ 08 февраля 2012

Попробуйте это: <span style="float:right"><label for="province">Province</label></span> (конечно, вы можете поместить это также во внешний CSS-файл)

1 голос
/ 05 июня 2012

Просто сделайте следующее ... Примените этот пользовательский CSS к своему коду ... 

label[for="province"] { text-align:right; }

Если он не запускается, они снабжают метку именем класса и делают следующее .. 

label.className { text-align:right; }
0 голосов
/ 23 октября 2012

Применение стиля выравнивания текста: вправо; непосредственно к полю ввода, как в этой скрипке.

http://jsfiddle.net/den232/Fw2yA/

Удачи! 

.floatright {
    text-align:right;
 }
    <div data-role="page" class="type-home">
<div data-role="content">

<div class = "ui-grid-a">
<div class= "ui-block-a">
<div data-role="fieldcontain" class = "ui-hide-label">
<label for="birth-place">Birth Place</label>
<input type="text" name="birth-place" id="birth_place" value="" placeholder="Birth Place" class='floatright' />
</div>
</div>
<div class = "ui-block-b">
<div data-role = "fieldcontain" class="ui-hide-label">
<label for="province">Province</label>
<input type="text" name="province" id="province" value="" placeholder="PR" />
</div>
</div>
</div>



</div>
</div>
...