將兩個div彼此對齊？軌道

我有這兩個按鈕divs，我想要正確對齊，彼此之間有一些10px的餘量。這裏是代碼，沒有譁衆取寵。將兩個div彼此對齊？軌道

<div id = "buttons"> 

     <div id = "signin-button"> 
     <%= link_to "Sign In", new_user_session_path, :id => "SignInText" %> 
    </div> 

    <div id = "signup-button"> 
     <%= link_to "Sign Up", new_user_registration_path, :id => "SignUpText" %> 
    </div> 

    </div>

來源

2013-01-18 MFCS

不要忘記的ID應該是唯一的。而是使用一個類。 –

我仍然覺得我的按鈕是獨一無二的？爲什麼要上課？ – MFCS

@RickKuipers第一個是「在**中籤名**」，第二個是「簽名** **」 – millimoose

一些CSS和你做：

#signin-button, 
#signup-button 
{ 
    float: right; 
    margin-bottom: 10px; 
}

，改變你的div，而不是使用ID級別。

來源

2013-01-18 12:22:21 Morpheus

這工作順利！ :) 是不是按照與ID指定的按鈕很獨特？ – MFCS

糟糕:)它看起來像他們的ID是一樣的。編輯我的答案:) – Morpheus

All's Cool（= D） – MFCS

的兩個div可以互相下方排列有這個CSS -

#signin-button,#signup-button{ display : inline position:absolute;margin-bottom: 10px; }

來源

2013-01-18 12:51:03

Morpheus的解決方案效果很好，但感謝您的幫助。如果我遇到問題，我會試試這個：= D – MFCS

將兩個div彼此對齊？軌道

回答

相關問題