2017-02-22 82 views
0

我写我的DOM结构,如:写从左边在屏幕的右侧HTML DOM 2键向右

<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按钮1按钮2

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

+0

只是改变文本将Button4到按钮3 ..你需要4个按钮吗? –

+0

根据我的问题。 DOM必须像按钮1,2,3,4一样保持不变,但我希望它呈现为button4 button3 button1 button2。 其中按钮4和3位于屏幕的左侧,而1和2位于屏幕的右侧 – Shivam

+0

这不可能 –

回答

1

编辑:这个作品! 你可以有第一批使用像素,而不是漂浮,并有按钮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> 

(总是有Button1的61px更比BUTTON2右)

+0

相同的东西!在这种情况下,按钮不会聚集在一起。 –

+0

对不起,它正在工作:) –

+0

好,它的作品。 – TechEndling

相关问题