如何對齊兩個表單提交

我有一個頁面，頁面底部有兩個提交按鈕。一個用於提交發布到某個操作的頁面，另一個用於將該帖子取消爲另一個操作。無論出於何種原因，IE在並排放置這兩個按鈕時遇到了問題。 Firefox沒有問題。如何對齊兩個表單提交

這裏是我的腳本：

<div class="button_row"> 
    using (Html.BeginForm("Edit", "Design")) 
    { %> 
    <div class="button_cell_left"> 
     <input type="submit" value="Update" /> 
    </div> 
    <% } %> 
    <% Html.EndForm(); %> 

    using (Html.BeginForm("Review", "Design")) 
    { %> 
    <div class="button_cell_right"> 
     <input type="submit" value="Cancel"/> 
    </div> 
    <% } %> 
    <% Html.EndForm(); %>

下面是這些類的CSS：

.button_row { float:left; width: 100%; } 
.button_cell_left {float:left; width: 20%; } 
.button_cell_right {float:left; width: 20%; }

20％的寬度足夠餘地明智的這些按鈕。就像我在ie中說的，他們不會停留在同一行，但在Firefox中，他們會。我的問題是爲什麼給我的代碼？

由於提前，比利

來源

2010-01-16 Billy Logan

您需要上浮他們裹着以及表格，IE不正確地實現浮動，因此如果你想在同一行2輛彩車，它們必須是浮動的。這個問題昨天是討厭我，以及

新建CSS：

.button_row { float:left; width: 100%; } 
.button_row form {float:left; width: 20%; }

來源

2010-01-16 14:10:01

這是訣竅。謝謝！ – 2010-01-16 14:58:59

位於像素的寬度，而不是％。 IE有時遇到％問題。

來源

2010-01-16 14:08:01 BarsMonster

試過。同樣的問題。 – 2010-01-16 14:25:24

您的第一個輸入丟失它的自閉斜線。

來源

2010-01-16 14:16:56 graphicdivine

我懷疑這可能會導致這個問題... – BarsMonster 2010-01-16 14:18:26

BM我也這樣做，但總是最好消除這個明顯的問題。 – graphicdivine 2010-01-16 14:46:46

只是這個網站上的一個錯字，而我試圖格式化一些更好的東西。將解決，但不是問題。 – 2010-01-16 14:50:44

如何對齊兩個表單提交

回答

相關問題