对齐两个按钮水平MVC5剃须刀C＃

Question

我正在尝试获取保存按钮，然后返回按钮出现在同一行上：我已经将代码截断了一点，以确保：我认为我会遇到问题，因为一个按钮是表单的一部分，另一个按钮不是。最初，我尝试使它们成为同一<div class="row"></div>的一部分，但无济于事。

@using (Html.BeginForm())
{ ...
<div class="row">
            <div class="form-group">
                <div class="col-md-offset-2 col-md-10">
                    <input type="submit" value="Save" class="btn btn-default" id="savebtn" />
                </div>
            </div>
           </div>
}

@Html.ActionLink("Go Back", "Create", null, new { @class = "gobackbtnedit"})
    </div>

Answer 1

可能值得用 css 标记您的问题，因为这是一个基本的布局问题。

如果您想象的表格占用矩形空间，则在其中显示链接通常会涉及：

• 为您的链接做绝对定位以强制其位置。
• 将链接放入表单中。
• 将链接放置在 对齐，以便它在按钮旁边（必须在表单的边缘）。

我个人只会将链接放在表单中，就好像需要放在按钮旁边一样，然后在链接和表单之间必须有逻辑上的连接。

<div class="col-md-offset-2 col-md-5">
  <input type="submit" value="Save" class="btn btn-default" id="savebtn" />
</div>
<div class="col-md-5">
  @Html.ActionLink("Go Back", "Create", null, new { @class = "gobackbtnedit"})
</div>

ActionLink确实只是<a> HTML元素，在形式上很好。需要外面需要它的原因是什么？