我想用css-float更改两个DIV的顺序。我不想/我不能在HTML中更改它们的顺序,因为它是外部数据。 以下html在Firefox中执行此操作,但在IE中产生相反的输出:
<div style="display:inline">Berta</div>
<div style="float:left; display:inline">Albert</div>
在Firefox中:
AlbertBerta
IE中的:
BertaAlbert
问题:有没有办法在IE中获得Firefox输出?我的例子做到了这一点 - 但仅限于Firefox,而不是IE。无论如何,谢谢你的回复。
答案 0 :(得分:0)
首先,使用有效的doctype。你可以坚持使用<!DOCTYPE html>
。第二,就像@RoToRa评论的那样,浮动和内联并不是很好。
让它们成为display: block;
(或者inline-block
)的块元素,然后更改浮点数。第一个到right
,第二个到left
(反之亦然)。这甚至适用于IE。
答案 1 :(得分:-1)
<div style="float:left; display:inline">Albert</div>
<div style="display:inline">Berta</div>
这可能有用.. 但IE9中没有问题
接受或投票如果有效