如何使用 asp.net mvc web 形式使按钮更靠近另一个按钮？

Question

我有一个工作按钮，它内置在我的视图的表单中，但 UI 看起来不太好，需要 position 中的一些帮助，靠近上传按钮的按钮。 这是我在 View.cshtml 下面的逻辑；

   @using (Html.BeginForm("Browse", "Week", FormMethod.Post, new { enctype = "multipart/form-data", @id = "upload" }))
    {
        

        @Html.ActionLink("Create New", "Create", routeValues: new { }, htmlAttributes: new { @class = "modal-link btn btn-primary" })



        <input type="file" id="fileUpload" name="upload" class="btn-primary" required style="display:none;" />
        <label for="fileUpload" id="button" class="btn btn-primary">Upload</label>
        <input type="submit" name="extract" class="btn-primary" required style="display:none;" />

       
    }
    @using (Html.BeginForm("ExportToExcel", "Week", FormMethod.Post, new { enctype = "multipart/form-data" }))
    {

        <div>
            <input type="submit" value="Extract" class="btn btn-primary" />
        </div>
    }

Answer 1

在以下中心执行此操作：

<style>
.closer {
 margin-top: 0px;
}
    </style>
<input type="submit" class="closer" value="Extract" class="btn btn-primary" />

对内联执行此操作：

@using (Html.BeginForm("Browse", "Week", FormMethod.Post, new { enctype = "multipart/form-data", @id = "upload" }))
    {
        

        @Html.ActionLink("Create New", "Create", routeValues: new { }, htmlAttributes: new { @class = "modal-link btn btn-primary" })



        <input type="file" id="fileUpload" name="upload" class="btn-primary" required style="display:none;" />
        <label for="fileUpload" id="button" class="btn btn-primary">Upload</label>
        <input type="submit" name="extract" class="btn-primary" required style="display:none;" />
       
    }
    @using (Html.BeginForm("ExportToExcel", "Week", FormMethod.Post, new { enctype = "multipart/form-data" }))
    {
<input type="submit" value="Extract" class="btn btn-primary" />
    }

Answer 2

尝试这个：

@using (Html.BeginForm("Browse", "Week", FormMethod.Post, new { enctype = "multipart/form-data", @id = "upload" }))
    {
        

        @Html.ActionLink("Create New", "Create", routeValues: new { }, htmlAttributes: new { @class = "modal-link btn btn-primary" })



        <input type="file" id="fileUpload" name="upload" class="btn-primary" required style="display:none;" />
        <label for="fileUpload" id="button" class="btn btn-primary">Upload</label>
        <input type="submit" name="extract" class="btn-primary" required style="display:none;" />

       
    }
    @using (Html.BeginForm("ExportToExcel", "Week", FormMethod.Post, new { enctype = "multipart/form-data" }))
    {

        
            <input type="submit" value="Extract" class="btn btn-primary" />
        
    }