c# - 删除按钮出现在？

Question

我希望删除按钮出现在浏览按钮的右侧。目前正在发生的事情是删除按钮出现在下面。

请看下面我的代码:

<div class="filediv col-md-12">
    <!--  <i class="fa fa-upload" aria-hidden="true"></i>-->
    @Html.LabelFor(model => model.UploadFile, "Supporting file upload", new { @style = "", @class = "" })
    <p class="form-text text-muted">
        File upload restrictions are as follows:</p>
    <ul>
        <li>Do not upload any personal/confidential information</li>
        <li>File size: @Model.GetBytesasText() MB </li>
        <li>Format: @allowedFileTypes  </li>
    </ul>
    @Html.TextBoxFor(model => model.File, new { @style = "width: 300px;", @class = "form-control", @type = "file", id = "upload" })
    <!--<input type="submit" name="submit" value="Upload" />-->
    <div class="col-md-3 removebuttonone">
        <input type="button" value="Remove" class="btn btn-danger" />
    </div>
    @Html.ValidationMessageFor(model => model.UploadFile)
</div>

<div id="Uploadsecfile" class="filediv uploadsecfile col-md-12" style="display:none">
    <!--  <i class="fa fa-upload" aria-hidden="true"></i>-->
    @Html.LabelFor(model => model.UploadFile, "", new { @style = "", @class = "" })
    @Html.TextBoxFor(model => model.File, new { @style = "width: 300px;", @class = "form-control", @type = "file", id = "" })
    <!--<input type="submit" name="submit" value="Upload" />-->
    <div class="col-md-3 removebuttonone">
        <input type="button" value="Remove" class="btn btn-danger" />
    </div>
    @Html.ValidationMessageFor(model => model.UploadFile)
</div>

Answer 1

您有 3 个 CSS 选项:

1. 制作浏览和删除按钮display:inline-block
2. 制作删除按钮float:right .并添加 <div style='clear:both'></div>之后。
3. 创建一个表 <table><tr><td>**Browse button**</td><td>**Remove button**</td></tr></table>

希望对你有帮助