将两个按钮水平对齐MVC#
我正在尝试使“保存”按钮和“返回”按钮显示在同一行上:为了清晰起见,我已将代码略作截断: 我想我遇到了一些问题,因为一个按钮是表单的一部分,而另一个按钮不是。起初我试着让它们成为同一个将两个按钮水平对齐MVC#,c#,css,twitter-bootstrap,razor,asp.net-mvc-5,C#,Css,Twitter Bootstrap,Razor,Asp.net Mvc 5,我正在尝试使“保存”按钮和“返回”按钮显示在同一行上:为了清晰起见,我已将代码略作截断: 我想我遇到了一些问题,因为一个按钮是表单的一部分,而另一个按钮不是。起初我试着让它们成为同一个的一部分,但没有效果 @using (Html.BeginForm()) { ... <div class="row"> <div class="form-group"> <div class="col-md-offset-2 c
的一部分,但没有效果
@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.BeginForm())
{ ...
}
@Html.ActionLink(“返回”、“创建”、null、新建{@class=“gobackbtnedit”})
可能值得用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(“返回”、“创建”、null、新建{@class=“gobackbtnedit”})
ActionLink实际上只是一个
HTML元素,在表单中很好。需要它在外部的原因是什么?没有理由知道它为什么在外部,但是,将代码更改为上面的代码并将其放入表单中。结果是一样的:
<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>