在jquery移动中列出项目

时间:2015-12-25 18:30:47

标签: jquery css jquery-mobile

我正在努力制作一个小小的聊天应用程序。列表项由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>

1 个答案:

答案 0 :(得分:2)

你可以尝试使用

void MyClass::add_new_position(int i, int j)
{
    if (MIN_COL <= j && j <= MAX_COL  &&
        MAX_ROW <= i && i <= MAX_ROW)
    {
        neighbors.push_back(board[i][j]);
    }
}

 // test initialization of one cell (a1)
    int i = 1; //row: a
    int j = 1; //col: 1
    add_new_position(i-1,j-2);
    add_new_position(i+1,j-2);
    add_new_position(i-1,j+2);
    add_new_position(i+1,j+2);
    add_new_position(i-2,j-1);
    add_new_position(i+2,j-1);
    add_new_position(i-2,j+1);
    add_new_position(i+2,j+1);