Question

在视图中我浏览文件并选中复选框，当前复选框位于浏览控件上方，我希望它位于左侧侧，我该如何更改？ / p>

    <div class="form-group">
        @Html.LabelFor(model => model.Cert, new { @class = "control-label col-md-2" })
        <div class="col-md-10">
            @if (Model.Certificate !=null)
            {
                <input type="checkbox" checked="checked" disabled="disabled" />
            }
            else
            {
                <input type="checkbox" disabled="disabled" />
            }
            <input type="file" name=ficateFile />
        </div>
    </div>

Answer 1

我无法看到你的CSS，但你应该应用一些css更改。请参阅元素检查器中浮动元素取决于parrent元素并调整浮点数。如果你不想妥协你的CSS，你可以申请自定义CSS课程。

Answer 2

<input style="display: inline" type="file" name=ficateFile />应该有效。如果您想要同一行中的所有3个元素，也可以将第二个div更改为span。

Answer 3

没有看到你的完整代码和css这是一个棘手的问题，但是你可以试试这个吗？

input[type=checkbox], input[type=file] {
    display: inline-block;
}

如果这不起作用，你可以将复选框和文件上传分成两列，例如

<div class="form-group">
    <div class="col-md-2"></div> <!-- Label -->
    <div class="col-md-2"></div> <!-- Checkbox -->
    <div class="col-md-8"></div> <!-- File Upload -->
</div>

更改复选框位置

3 个答案: