html - 如何对齐表单输入

Question

Django试图将表单与and对齐，我快疯了Bulma。这是问题，输入显示未对齐：

当我尝试将对齐设置为中心时，就会发生这种情况。如果我左对齐，输入文本会正确显示，但不会像我想要的那样显示在屏幕中央。这是模板代码。display:block只是尝试修复它，但它根本没有区别。

{% for field in wizard.form %}
    <div class="field has-text-centered">
        {% for error in field.errors %}
            <div>
                <p class="help is-danger">{{ error }}</p>
            </div>
        {% endfor %}

        <label class="label" style="display:block;">{{ field.label_tag }}</label>

        <div class="control has-text-centered" style="display:block;">{{ field }}</div>
        {% if field.help_text %}
            <p class="help is-danger">{{ field.help_text|safe }}</p>
        {% endif %}
    </div>
{% endfor %}

非常感谢您的帮助，我已经为看似相对简单的事情挣扎了 1'5 个小时！

标签： htmlcssdjangoformsbulma

Answer 1

我认为您需要用最大宽度限制包装器 div 并将其左右边距设置为自动。

这意味着子元素将左对齐，但父元素将居中。