Css jQuery Mobile li元素右侧的图像
默认情况下,如果将图像放入jquerymobile中的li元素中,图像将向左对齐。我希望它向右对齐,像这样Css jQuery Mobile li元素右侧的图像,css,jquery-mobile,Css,Jquery Mobile,默认情况下,如果将图像放入jquerymobile中的li元素中,图像将向左对齐。我希望它向右对齐,像这样 Here is some text | Image 类ui li thumb将图像向左对齐。我不能用我自己的类重写这个类。有什么建议吗?在CSS中,您可以指定比jQuery移动选择器更具体的选择器,也可以使用!重要信息要强制使用CSS规则: .ui-page .ui-content .ui-listview .ui-li-thumb { left : auto; ri
Here is some text | Image
类
ui li thumb
将图像向左对齐。我不能用我自己的类重写这个类。有什么建议吗?在CSS中,您可以指定比jQuery移动选择器更具体的选择器,也可以使用!重要信息
要强制使用CSS规则:
.ui-page .ui-content .ui-listview .ui-li-thumb {
left : auto;
right : 1px;
}
演示:
或
.ui-li-thumb {
left : auto !important;
right : 1px;
}
演示:
请注意,由于.ui li thumb
类绝对定位左侧锚定的元素,因此我们可以将left
设置为auto
,并为元素提供一个right
属性,使其与偏移父元素的右侧对齐。
<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辐明亮铝合金车轮
*一套独特优雅的18英寸5辐分体式话筒
这就是网页的外观
18英寸分体式5辐明亮铝合金车轮
Img |文本