我有以下代碼:

<div class="container mt-5 text-center">
    <form method="POST" action="{{ url_for('view') }}" enctype="multipart/form-data">
        <div class="form-group">
            <label for="file">Choose file:</label>
            <input type="file" class="form-control-file file-input" name="file" id="file">
        </div>

        <button type="button" class="btn btn-primary" onclick="confirmAction()">Upload</button>
        <a href="{{ url_for('upload') }}" class="btn btn-secondary">Cancel</a>
    </form>
</div>

我試著把它放在頁(yè)面中央，問(wèn)題是文件輸入不能居中。按鈕和標(biāo)簽居中，但是輸入仍然在頁(yè)面的左側(cè)。有什么建議嗎？

將此樣式標(biāo)記添加到div標(biāo)記之前，

<style>
    .centered-form {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
</style>

通過(guò)應(yīng)用這一點(diǎn)，表單元素(包括文件輸入)應(yīng)該在頁(yè)面上居中。根據(jù)需要調(diào)整樣式，以匹配您想要的布局。