Форма MVC: выровняйте Actionlink и кнопку рядом друг с другом при одинаковом вертикальном выравнивании - PullRequest
Новая
       37

Форма MVC: выровняйте Actionlink и кнопку рядом друг с другом при одинаковом вертикальном выравнивании

0 голосов
/ 05 июля 2019

Я использую один и тот же класс css для моей кнопки и actionlink, однако они не выровнены должным образом. См .: 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>

}

Что я могу сделать, чтобы кнопка и actionlink были на одной высоте?

1 Ответ

0 голосов
/ 05 июля 2019

Помещение кнопки и actionlink в div с display: inline-flex; 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>
...