easyui实现的页面显示问题
代码如下：
程序代码：<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib uri="/WEB-INF/tld/page.tld" prefix="p"%>
<%@ taglib prefix="c" uri="http://java. taglib prefix="fn" uri="http://java. taglib prefix="fmt" uri="http://java. HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>新增用户基本信息</title>
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<link rel="stylesheet" type="text/css" href="<%=request.getContextPath() %>/js/easyui/themes/default/easyui.css"/>
<link rel="stylesheet" type="text/css" href="<%=request.getContextPath() %>/js/easyui/themes/icon.css"/>
<link rel="stylesheet" type="text/css" href="<%=request.getContextPath() %>/js/easyui/demo.css"/>
<script type="text/javascript" src="<%=request.getContextPath() %>/js/easyui/jquery.min.js"></script>
<%-- <script type="text/javascript" src="<%=request.getContextPath() %>/js/easyui/jquery.easyui.min.js"></script> --%>
<script type="text/javascript">
</script>
</head>
<body>
<c:forEach var="r" items="${context_entt_e_xt_yong_hu.roleIds}">
<c:if test="${r eq '4'}">
<c:set var="statusFlag" value="1"></c:set>
</c:if>
<c:if test="${r eq '1' or r eq '8'}">
<c:set var="statusFlag" value="2"></c:set>
</c:if>
<c:if test="${r eq '2' or r eq '3'}">
<c:set var="statusFlag" value="3"></c:set>
</c:if>
<c:if test="${r eq '6' or r eq '7'}">
<c:set var="statusFlag" value="4"></c:set>
</c:if>
</c:forEach>
<div id="editUserAddDlg" class="easyui-dialog" data-options="top:100,left:400,closed:true,modal:true" title="新增用户" style="width:600px">
<div style="padding:10px 60px 10px 20px">
<form id="addUserForm" method="post">
<table cellpadding="5" width="100%" height="100%">
<tr>
<td>用户名</td>
<td><input id="input_username" name="input_username" class="easyui-validatebox" data-options="value:null,required:true" style="width:200px" onblur="isExistUsername()"/></td>
</tr>
<tr>
<td>密码</td>
<td><input id="input_password" name="input_password" class="easyui-validatebox" data-options="value:null,required:true,validType:'length[3,20]'" style="width:200px" onblur="checkPwd()"/></td>
</tr>
<tr>
<td>单位名称</td>
<td>
<input id="realname" class="easyui-combobox" data-options="" style="width:300px">
</input>
</td>
</tr>
<tr>
<td>角色</td>
<td>
<input type="checkbox" name="input_roleChinese" value="1" <c:if test="${fn:contains(projecttypes,'1')}">checked</c:if>/>管理员
<input type="checkbox" name="input_roleChinese" value="2" <c:if test="${fn:contains(projecttypes,'2')}">checked</c:if>/>区领导
<input type="checkbox" name="input_roleChinese" value="3" <c:if test="${fn:contains(projecttypes,'3')}">checked</c:if>/>监管者
<input type="checkbox" name="input_roleChinese" value="4" <c:if test="${fn:contains(projecttypes,'4')}">checked</c:if>/>建设者
<input type="checkbox" name="input_roleChinese" value="5" <c:if test="${fn:contains(projecttypes,'5')}">checked</c:if>/>代建者
<input type="checkbox" name="input_roleChinese" value="6" <c:if test="${fn:contains(projecttypes,'6')}">checked</c:if>/>责任人
</td>
</tr>
</table>
<!-- 按钮 -->
<div style="text-align:center;padding:5px">
<input type="button" value="保存" onclick="save()"/>
<input type="button" value="返回" onclick="return()"/>
</div>
</form>
<div>
</div>
</body>
</html>
页面显示如下图：
为何两行之间间隔那么大？EasyUI小白，请各位大神指教！！！
