彼此之间列出项目jquery mobile

Question

我正在尝试制作一个小聊天应用程序。列表项由 while 循环创建。现在消息之间是有规律的，但在这种情况下，它们在同一行中，直到站点宽度然后创建中断。我应该如何编辑 css 或添加列表项彼此之间的类？

<div style="height:100%; width:100%" data-role="content" id="container">
    <ul data-role="listview" data-inset="true" class="ui-listview ui-listview-inset ui-corner-all ui-shadow">
        <div style="width:100%" id="chatOutput">
    <li style="float: right; ;background-color:white;border-radius: 1em;" class="chatPost"><p class="stringSender"></p><p class="stringText">fd</p><p style="font-size:80%" class="stringTime">15:04:03</p></li>
    <li style="float: right; ;background-color:white;border-radius: 1em;" class="chatPost"><p class="stringSender"></p><p class="stringText">lala</p><p style="font-size:80%" class="stringTime">10:19:03</p></li>
        </div>
        </ul>
</div>

Answer 1

你可以试试

clear : both;