[英]how to align two input field and div inline
html: HTML:
<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>
I want to keep the two input button and middle div into same line.Now it looks in below screen shot.I am working in django framework.I tried with display:inline
and display:block
not making any sense.Please help 我想将两个输入按钮和中间div保持在同一行。现在它显示在屏幕截图下方。我在django框架中工作。我尝试了display:inline
和display:block
没有任何意义。请帮助
Use float:left;
使用float:left;
to show them inline. 向他们展示内联。
For Instance, 例如,
<input type="button" id="delete_name" class="delete_types" name="delete" style="margin: 2px; float: left;">
Your code should look like this 您的代码应如下所示
<tr>
<td><div style="width=20%;float:left"><input style="margin: 2px;" type="button" name="delete" class="delete_types" id="delete_name"/></div>
<a href="{% url setting.views.type_list type.id %}" style="color:black"><div style="width=20%;float:left" class="rounded_list">{{type.title}} <span style="float:right;" > {{ type.is_active|yesno:"On,Off" }} ></span></div></a>
<div style="width=20%;float:right"><input style="margin: 2px;" type="button" name="delete" value="Delete" id="{{ type.id }}" class="type_delete"/></div>
</td>
</tr>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.