Question

我创建了一个追加到ul的动态jqm列表元素。列表看起来像这样

    var html_sec = $('<li data-theme=c><div class=ui-grid-b><div class=ui-block-a>
         <a class="ui-link-inherit" href="link.html"><img src="'
        +imageurl+
        '" /></a></div><div class=ui-block-b><a class="ui-link-inherit" href="'
        +link_url+
        '"><span>'
        +name+
        '</span></a><br /><a class="ui-link-inherit" href="'
        +link_url+
        '"><span>'
        +name2+
        '</span></a></div><div class=ui-block-c><a class="ui-link-inherit" href="'
        +link url+'"><img src="'
        +image_url+
        '" /></a></div></div></li>');
html_sec.appendTo('ul');
$("#list").listview("refresh");

如您所见，列表中包含2个图像，中间添加了两个名称。我在这里面临的问题是当我动态地将这些div添加到内容

时

1.名称与ui-block-c重叠 2.image不在div的中心对齐，必须使它们适合div

我尝试了大多数基本的css和jqm函数，当我在模拟器上查看它时它没有用。所以我要做的就是让这些内容在各自的div中。提前谢谢。

基本上如果它像这样意味着内容在android移动模拟器中相互重叠

<div class="ui-grid-b">
   <div class="ui-block-a">asdfasdfadsfadfadfasdfadf</div>
   <div class="ui-block-b">asdfasdfadsfadfadfasdfadf</div>
   <div class="ui-block-c">asdfasdfadsfadfadfasdfadf</div>
</div>

jquery mobile div ui-grid内容相互折叠

0 个答案: