我为我的按钮和操作链接使用相同的 css 类,但是它们没有正确对齐。请参阅:https://imgur.com/ZQ0XZbA
这是我的代码:
@model MyModel
@using (Html.BeginForm(null, null, FormMethod.Post, new { enctype = "multipart/form-data", id = "DossierForm", data_validate_form = "" }))
{
<div id="DDetails">
@Html.AntiForgeryToken()
@Html.ValidationSummary(true)
@Html.DisplayFor(m => m.WarningMessage)
@Html.DisplayFor(m => m.ErrorMessage)
@...
<div style="display: inline;">
@Html.ActionLink("cancel", null, null, new { @class = "button button--secondary" })
<button id="submitbutton" value="save" title="save" type="button" class="button button--secondary">save</button>
</div>
</div>
}
如何将按钮和操作链接放在同一高度?
最佳答案
使用 display: inline-flex; 将按钮和 Action 链接放在一个 div 中; vertical-align:top"
成功了:
<div style="display: inline-flex; margin-right: .5em; vertical-align:top">
@Html.ActionLink("cancel", null, null, new { @style = "margin-right: 5px;", @class = "button button--secondary" })
<button id="submitbutton" value="save" title="save" type="button" class="button button--secondary">save</button>
</div>
关于html - MVC 形式 : align Actionlink and button next to each other on same vertical alignment,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56898887/