html – 右侧无浮动对齐
发布时间：2020-12-14 21:34:15 所属栏目：资源 来源：网络整理
导读：我有一个聊天小部件，我添加一些样式。但是我无法使“用户”聊天泡沫对齐在屏幕的右侧。 当我使用浮动版权时，浮动左边(对于另一边)，divs不再正确定位，因为它们似乎只是在相对div的右边。 我想要它也可以附加div，这将导致溢出创建一个滚动条。哪个没有浮
|
我有一个聊天小部件，我添加一些样式。但是我无法使“用户”聊天泡沫对齐在屏幕的右侧。
当我使用浮动版权时，浮动左边(对于另一边)，divs不再正确定位，因为它们似乎只是在相对div的右边。 我想要它也可以附加div，这将导致溢出创建一个滚动条。哪个没有浮动已经按预期工作了。 以下是jsbin中的当前版本。 http://jsbin.com/utulay/1/edit TLDR;试图让.chat-bubble-user div在没有浮动的情况下与屏幕右侧对齐。 解决方法
如果你不想使用浮点数，只需使用inline-block，就像这样：
#chatWindow {
text-align: right;
}
.chat-bubble-user {
display: inline-block;
text-align: left;
}
JsBin(在Fx20上测试)：http://jsbin.com/awimev/2/edit （编辑：李大同） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |