如何在包装器元素中向右 float 两个元素,从而在视觉和语义上保持元素的顺序相同?

<style>
.container { widht: 200px; height: 50px; background: #333; }
.container p { width: 50px; height: 50px; background: #f00; float: right; margin: 0; }
</style>
<div class="container">
    <p class="a">Simon</p>
    <p class="b">Says</p>
</div>

渲染时,这将使内部元素按“Says Simon”的顺序http://jsbin.com/eravan/1/edit出现。

最佳答案

在父元素上设置display: inline-block;时,也可以使用float代替text-align: right;

http://jsbin.com/eravan/10/edit

关于html - 如何在视觉和语义上将两个元素向右 float 以保持相同的顺序?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/14538106/

10-12 12:25
查看更多