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元素，在表单中很好。在外面需要它的原因是什么？

水平对齐两个按钮mvc5 razor c＃

1 个答案: