如何對齊一個控制到右，第二控制在一個單一的列表視圖剩下什麼？

Question

我想創建一個列表視圖聊天和我想補充我的消息，並留下對方消息的權利。

如以下：

我創建了控制，我想將它們插入如上面的佈局。

如何才能做到這一點？

Answer 1

每個消息應該被包裹在一個div以及基於所述消息類型（例如，如果它是從發送者A或發件人B）應設置相應的CSS類。

消息本身可以有一個

.messageItem{ 
display: inline-block; 
max-width: 200px; 
} 

當然

包括一些更看中的邊框顏色等，以及包裝的div

.leftWrapper{ 
    text-align: left; 
} 

..和「右」代替「.rightWrapper」。

..something這樣。