我想模拟聊天软件的界面, 你一句, 我一句, 一个靠左, 一个靠右

回复讨论(解决方案)

好像不可以，你如果要做成这样的话，建议是重写，这样还好看一点。

好像不可以，你如果要做成这样的话，建议是重写，这样还好看一点。

什么叫重写

就是你自己写以个列表项啊，用一个标签代替不就行了么。

height: 300px;

width: 200px;

}

span{

display: inline-block;

height: 10px;

width: 10px;

background-color: #000;

border-radius: 10px;

} .left span,.left p{

float: left;

} .right span,.right p{

float: right;

} .left p,.right p{

width: 190px;

} .right p{

text-align: right;

}

11111

11111

11111

11111

11111

11111

谢了.

顺便再问一个问题, 就是用text-align:right与float:right的区别.

text-align只能使文字靠右吗.

float:right我试过, 如果有多个就会都浮到第1行从而重叠, 要想控制一个元素向右浮而不向上浮, 最关键是什么

1.text-align是规定元素内文字的对齐方式，float：right是使元素浮动。

2.text-align有五个值，left靠左，center居中，right靠右，justify两端对齐，inherit继承父元素的值，一般默认的值为left。

3.好好去理解一下float是什么

w3school上的float我看过了, 看得一知半解. 所以才来论坛问, 您可以用通俗一点的语言解释一下吗, 或者说一下让一个元素向右靠而不会浮到最上面的关键在哪

你要把布局那一章全都看一下， 不要光看浮动。首先你要理解的就是什么是文档流。

浮动你可以理解为一个元素紧挨着一个元素，当某一行已经装不下浮动元素以后，最后一个浮动元素就会换行。例如，有三个浮动元素宽度都是100px，它们的父级元素的宽度是250px，这个时候第三个元素会下移而不是紧挨第二个元素。

有很多方法可以实现你所需要的效果的，不一定要浮动，例如定位也可以。

ps:如果你真的想好好做出来的话，就稍微学一下前端的东西，前端的东西学起来不算难，很快就可以入手的。

本文原创发布php中文网，转载请注明出处，感谢您的尊重！