Изображение справа в элементе jQuery Mobile li

Question

По умолчанию, если вы помещаете изображение в элемент li в jquery Mobile, изображение выравнивается по левому краю.Я хочу, чтобы он был выровнен по правому краю, например,

Here is some text  | Image

Класс ui-li-thumb выравнивает изображение по левому краю.Я не могу переопределить этот класс своим собственным.Есть предложения?

Answer 1

В CSS вы можете указать селектор, который является более специфичным, чем селекторы jQuery Mobile, или вы можете использовать !important, чтобы принудительно использовать ваши правила CSS:

.ui-page .ui-content .ui-listview .ui-li-thumb {
    left  : auto;
    right : 1px;
}​

Демонстрация:http://jsfiddle.net/BHBJ8/1/

ИЛИ

.ui-li-thumb {
    left  : auto !important;
    right : 1px;
}​

Демонстрация: http://jsfiddle.net/BHBJ8/

Обратите внимание, что поскольку класс .ui-li-thumb абсолютно позиционирует элемент, привязанный кс левой стороны, мы можем установить left в auto и дать элементу свойство right, чтобы выровнять его по правой стороне его родительского смещения.

Answer 2

 <fieldset class="ui-grid-a">
    <div align="left" class="ui-block-a">
        <h5>18-inch,Split 5-spoke Bright Aluminium-alloy Wheels</h5>
        <img src="images/182x116-13TDI_GSSpecs035.jpg">
    </div>
    <div align="left" class="ui-block-b">
        <h5 >* A distinguished and elegant set of 18-inch,split5-spoke</h5>
    </div>
</fieldset> 

Так выглядит веб-страница

18-дюймовые, разделенные 5-спицевые яркие алюминиевые литые диски

Img | Текст