使用rails代碼，css和html對齊按鈕

我的表單中有兩個按鈕，我使用CSS工作表來佈置表格，我想要最後一行中的按鈕，但我希望它們並排放置。使用rails代碼，css和html對齊按鈕

我當前的代碼看起來像

<button><%= link_to "Edit", edit_user_path(u.id), { :method =>get } %></button> 
<button><%= link_to "Delete", user_path(u.id), { :method => delete, :class=>destroy, data: {confirm: 'Are you sure?' } %></button>

enter image description here

如果我將其更改爲：

<button><%= button_to "Edit", edit_user_path(u.id), { :method =>get } %></button> 
<button><%= button_to "Delete", user_path(u.id), { :method => delete, :class=>destroy, data: {confirm: 'Are you sure?' } %></button>

enter image description here

按鈕結束並排，但與按鈕標籤中的額外按鈕。如果我將其更改爲：

<td><%= button_to "Edit", edit_user_path(u.id), { :method =>get } %> 
<%= button_to "Delete", user_path(u.id), { :method => delete, :class=>destroy, data: {confirm: 'Are you sure?' } %></td>

enter image description here

的按鈕是在同一行，但水平神韻：。

有沒有辦法讓這兩個按鈕正確顯示在列的中心？也許可以在CSS中添加一些內容，告訴它如何處理按鈕調用？

來源

2015-05-13 Tim R

我不明白的問題......他們在你的第一個圖像中並排是不是他們？ – Lee

他們並肩作戰，我期待着看看是否有更好的方法來做到這一點，或者讓他們一致。 –

問題是'button_to'沒有創建'

包裹在一個div按鈕，如下所示：https://jsfiddle.net/5th07vq6/

HTML：

<div class="center"> 
    <button>Edit</button> 
    <button>Delete</button> 
</div>

CSS：

.center { 
    width: 50%; 
    margin: 0 auto; 
}

來源

2015-05-13 20:54:56 jojo

使用rails代碼，css和html對齊按鈕

回答

相關問題