jQuery Mobile li元素中的圖像

Question

默認情況下，如果您將圖像放入jQuery Mobile中的li元素中，則圖像將向左對齊。我希望它是相一致的權利，這樣

Here is some text | Image 

類ui-li-thumb圖像對齊到左邊。我不能用我自己的一個來重寫這個類。有什麼建議麼？

Answer 1

在CSS中，你可以指定一個選擇是比jQuery Mobile的選擇更具體的，也可以使用!important強迫你的CSS規則（S）使用：

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

演示：http://jsfiddle.net/BHBJ8/1/

OR

.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輻明亮的鋁合金輪圈

圖|文字