Javascript 如何对齐两个输入字段和div inline
html:Javascript 如何对齐两个输入字段和div inline,javascript,css,django,html,Javascript,Css,Django,Html,html: 我想将两个输入按钮和中间div保持在同一行。现在它显示在屏幕截图下方。我在django框架中工作。我尝试了display:inline和display:block没有任何意义。请帮助 使用浮动:左以内联方式显示它们 例如, <tr> <td><input style="margin: 2px;" type="button" name="delete" class="delete_types" id="delete_name"/> <
我想将两个输入按钮和中间div保持在同一行。现在它显示在屏幕截图下方。我在django框架中工作。我尝试了display:inline
和display:block
没有任何意义。请帮助
使用
浮动:左代码>以内联方式显示它们
例如,
<tr>
<td><input style="margin: 2px;" type="button" name="delete" class="delete_types" id="delete_name"/>
<a href="{% url setting.views.type_list type.id %}" style="color:black"><div class="rounded_list">{{type.title}} <span style="float:right;" > {{ type.is_active|yesno:"On,Off" }} ></span></div></a>
<input style="margin: 2px;" type="button" name="delete" value="Delete" id="{{ type.id }}" class="type_delete"/>
</td>
</tr>
使用浮动:左代码>以内联方式显示它们
例如,
<tr>
<td><input style="margin: 2px;" type="button" name="delete" class="delete_types" id="delete_name"/>
<a href="{% url setting.views.type_list type.id %}" style="color:black"><div class="rounded_list">{{type.title}} <span style="float:right;" > {{ type.is_active|yesno:"On,Off" }} ></span></div></a>
<input style="margin: 2px;" type="button" name="delete" value="Delete" id="{{ type.id }}" class="type_delete"/>
</td>
</tr>
您的代码应该如下所示
<input type="button" id="delete_name" class="delete_types" name="delete" style="margin: 2px; float: left;">
您的代码应该如下所示
<input type="button" id="delete_name" class="delete_types" name="delete" style="margin: 2px; float: left;">