将nobr html标记应用于django表单字段

我正在用这个设置django表单字段的样式

表格：

模板：

<form action="/contact/" method="post">
    {% include "form_snippet.html" %}
    <p><input type="submit" value="Send message" /></p>
</form>

当我运行服务器时，每个表单字段都显示在新行中

我希望这三个表单字段在同一行中，而不是在新行中

---

有什么想法吗？

您正在将每个字段包装在一个

div

标记中，一个块元素

---

为

.fieldWrapper

a类非块定位。。像

inline

，

float:left

，等等。

您将每个字段包装在一个

div

标记中，一个块元素

---

为

.fieldWrapper

a类非块定位。。像

inline

，

float:left

，等等。

因为div是一个块元素，因此将div标记放在“for”循环的外部起作用：

 <div class="fieldWrapper"> 
 {% for field in form %}
         {{ field.errors }}
         {{ field.label_tag }}: {{ field }}
 {% endfor %} 
 </div>

{%形式的字段为%}
{{field.errors}}
{{field.label_tag}}:{{{field}
{%endfor%}

或 不添加外部css类：

 {% for field in form %}
        {{ field.errors }}
        <nobr> {{ field.label_tag }}: {{ field }}</nobr>
 {% endfor %}

{%用于表单%]中的字段
{{field.errors}}
{{field.label_tag}}:{{{field}
{%endfor%}

因为div是一个块元素，因此将div标记放在“for”循环的外部起作用：

 <div class="fieldWrapper"> 
 {% for field in form %}
         {{ field.errors }}
         {{ field.label_tag }}: {{ field }}
 {% endfor %} 
 </div>

{%形式的字段为%}
{{field.errors}}
{{field.label_tag}}:{{{field}
{%endfor%}

或 不添加外部css类：

 {% for field in form %}
        {{ field.errors }}
        <nobr> {{ field.label_tag }}: {{ field }}</nobr>
 {% endfor %}

{%用于表单%]中的字段
{{field.errors}}
{{field.label_tag}}:{{{field}
{%endfor%}

像这样更新css代码

 .fieldWrapper{
   font-size; 10px;
   color: #f00;
   font-family: verdana, tahoma, serif;
   white-space:nowrap;
   display:inline;
 }

---

像这样更新css代码

 .fieldWrapper{
   font-size; 10px;
   color: #f00;
   font-family: verdana, tahoma, serif;
   white-space:nowrap;
   display:inline;
 }