Question

我写了我的DOM结构，如：

 <button style="float:right">button1</button>
 <button style="float:right">button2</button>
 <button style="float:left">button3</button>
 <button style="float:left">button4</button>

，它将显示为：https://jsfiddle.net/ospv6vn8/3/

button3 button4 button2 button1

但我希望将它们渲染成：

button4 button3 button1 button2

我无法修改我的DOM结构，是的，我可以编辑样式以获得所需的外观。

Answer 1

编辑：这个工作！您可以让第一个使用px而不是float并使按钮3浮动中心，如下所示：

<button style="position: absolute; right: 61px;">button1</button>
<button style="position: absolute; right: 0px;">button2</button>
<button style="float:center;">button3</button>
<button style="float:left;">button4</button>

（总是按钮1比按钮2多61px）

在屏幕右侧的HTML DOM中从左到右写入2按钮

1 个答案: