首页 > 代码库 > easyui中用table制作的表单
easyui中用table制作的表单
代码我只选了一部分,这样更便于理解
<table>
<tr>
<td class="one";>
<label>文件包ID</label>
</td>
<td>
<input class="easyui-textbox" style="width:200px" />
</td>
</tr>
<tr>
<td class="one";>
<label>检修负责人</label>
</td>
<td>
<select id="cMain" class="easyui-combotree" style="width:200px" ></select>
</td>
</tr>
得到的结果是这样的
上下没有间距,需要调tr的格式
tr {
display: block;
margin:10px 0;
}
display: block;这句话是必需有,否则不起作用,得到
这样又出现了新问题,第二列不齐了,解决方案是将<tr>中的第一列<td>改为<td class=“one”>,然后调格式
td.one{
width:90px;
text-align: right;
}
注意:text-align: right;不能写成margin-rignt:0px;
便出现了下图
easyui中用table制作的表单
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。