有没有一种方法可以控制wtf.form_field输入字段的宽度而不影响标签宽度?

zan*_*nzu 4 jinja2 flask wtforms flask-wtforms

我目前正在使用以下jinja2模板渲染多个Flask字段(SelectFields,InputFields):

<div>{{ wtf.form_field(form.blockingProbability) }}</div>
Run Code Online (Sandbox Code Playgroud)

结果为以下格式:

当前渲染

我想控制下拉列表的宽度(更窄的宽度,看起来更自然,方法),但是(毫不奇怪)当我尝试通过控制div宽度来做到这一点时,整个字段(包括标签和标签文本)受到限制环绕。

有什么方法可以控制下拉字段(和其他输入字段)的宽度,同时保持标签的宽度不变(未包装)?

Cha*_*yak 5

这对我
有用jinja2模板:

<div style="width: 50%">
    {{ form1.language.label }}
</div>
<div style="width: 25%">
    {{ form1.language }}
</div>
Run Code Online (Sandbox Code Playgroud)

在此处输入图片说明

这是form1类:

class myForm(Form):
   language = SelectField(u'Programming Language', choices=[('cpp', 'C++'), ('py', 'Python'), ('text', 'Plain Text')])
Run Code Online (Sandbox Code Playgroud)