试图用jquerymobile放入内联elts

时间:2012-06-03 20:11:09

标签: css jquery-mobile

http://jsfiddle.net/ca11111/WEuzB/

我正在尝试发表评论,作者出现在同一行,作者+删除按钮右侧浮动

但是jquery-mobile很复杂,任何帮助或建议都会受到赞赏

THX

已更新http://jsfiddle.net/ca11111/WEuzB/8/差不多

1 个答案:

答案 0 :(得分:0)

试试这个 - http://jsfiddle.net/WEuzB/5/

<div style="width:100%; overflow:hidden;">
    <div style="display:inline-block; float:left; height:40px; line-height:40px;">how you?</div>
    <div style="display:inline-block; float:right;">
        <b>Sarah Pink</b>
        <a href="" type="button" data-inline="true" data-iconpos="notext" data-icon="delete"></a>
    </div>
</div>

更新 - 缩小高度 - http://jsfiddle.net/WEuzB/10/

CSS

.ui-li-static.ui-li { padding: 0 15px !important } /* need to redefine a jquery set style */

HTML

<div style="width:100%; overflow:hidden;">
    <div style="display:inline-block; float:left; height:40px; line-height:40px;">how you?</div>
    <div style="display:inline-block; float:right;">
        <b style="display:inline-block; float:left; height:40px; line-height:40px;">Sarah Pink</b>
        <a href="" type="button" data-inline="true" data-iconpos="notext" data-icon="delete"></a>
    </div>
</div>