Html 在列表标题右侧添加两个按钮
我试着做两个Html 在列表标题右侧添加两个按钮,html,jquery-mobile,Html,Jquery Mobile,我试着做两个 最好使用span标记逐个对齐它们。我还添加了两个缺少的divs!看看修改后的代码 <li id ="listtwo" name="listtwo" data-role="list-divider" role="heading" align="right" class="ui-li ui-li-divider ui-bar-b ui-li-has-count ui-first-child" > Today <a href="index.ht
最好使用span
标记逐个对齐它们。我还添加了两个缺少的div
s!看看修改后的代码
<li id ="listtwo" name="listtwo" data-role="list-divider" role="heading" align="right" class="ui-li ui-li-divider ui-bar-b ui-li-has-count ui-first-child" >
Today
<a href="index.html" data-role="button" data-icon="delete" data-iconpos="notext">Delete</a>
<a href="index.html" data-role="button" data-icon="delete" data-iconpos="notext">Delete</a>
</li>
<li data-corners="false" data-shadow="false" data-iconshadow="true" data-wrapperels="div" data-icon="arrow-r" data-iconpos="right" data-theme="c" >
<div class="ui-btn-inner ui-li">
<div class="ui-btn-text">
<a class="ui-link-inherit">
<p class="ui-li-aside ui-li-desc">
<span><strong>Time</strong></span>
<span><strong>Title</strong></span>
<span>Text</span>
</p>
</a>
</div>
</div>
</li>
今天
时间
标题
正文
使用一点
CSS
来相应地设置它们的样式 您需要$row['title']
和$row['text']代码>在同一行中?不,两个按钮没有文本在同一行中,为什么不
?您有两个缺少的div
并且在内联元素中没有块元素@SulthanAllaudeen我不希望将行标题和文本放在一行中,我希望将两个图标按钮放在标题行中;)时间标题和文本不应该在我的代码中成为编辑,只有两者都不确定你所说的不应该在我的代码中成为编辑!时间标题和文字应该是我如何制作的;)还是不是很有用!
<li id ="listtwo" name="listtwo" data-role="list-divider" role="heading" align="right" class="ui-li ui-li-divider ui-bar-b ui-li-has-count ui-first-child" >
Today
<a href="index.html" data-role="button" data-icon="delete" data-iconpos="notext">Delete</a>
<a href="index.html" data-role="button" data-icon="delete" data-iconpos="notext">Delete</a>
</li>
<li data-corners="false" data-shadow="false" data-iconshadow="true" data-wrapperels="div" data-icon="arrow-r" data-iconpos="right" data-theme="c" >
<div class="ui-btn-inner ui-li">
<div class="ui-btn-text">
<a class="ui-link-inherit">
<p class="ui-li-aside ui-li-desc">
<span><strong>Time</strong></span>
<span><strong>Title</strong></span>
<span>Text</span>
</p>
</a>
</div>
</div>
</li>