Css 如何对齐Wagtail电子邮件表单上的字段
我已经使用创建了一个wagtail电子邮件表单。不幸的是,当显示时,输入字段未对齐,看起来非常业余 html是:Css 如何对齐Wagtail电子邮件表单上的字段,css,wagtail,Css,Wagtail,我已经使用创建了一个wagtail电子邮件表单。不幸的是,当显示时,输入字段未对齐,看起来非常业余 html是: {% block content %} <form action="{% pageurl page %}" method="POST"> {% csrf_token %} {{ form.as_ul }} <input type="submit"> </form> {
{% block content %}
<form action="{% pageurl page %}" method="POST">
{% csrf_token %}
{{ form.as_ul }}
<input type="submit">
</form>
{% endblock %}
{%block content%}
{%csrf_令牌%}
{{form.as_ul}}
{%endblock%}
有没有办法整理一下,至少对齐输入字段的起始列?最直接的解决方案是使用
{{form.as_table}
,将表单呈现为HTML
,而不是列表。但是,要完全控制布局,您可以在表单对象上循环,并在您喜欢的任何HTML结构中单独输出每个字段(然后可以使用CSS设置样式)-有关详细信息,请参阅位于的Django文档。谢谢。网站上有详细的教程