2017-02-22 134 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

相關問題