在界面中查询项根据浏览器大小自动布局

查询框代码

<fieldset>
				<legend>基本查询</legend>
				<dl>
				<dd>用户编码</dd>
				<dt><input name="userCode" id="userCode" style="width: 160px;"/></dt>
				</dl>
				<dl>
				<dd>用户名称</dd>
				<dt><input name="userName" id="userName" style="width: 160px;"/></dt>
				</dl>
				<dl>
				<dd>手机号码</dd>
				<dt><input name="mobile" id="mobile" style="width: 160px;"/></dt>
				</dl>
				<dl>
				<dd>真实姓名</dd>
				<dt><input name="realName" id="realName" style="width: 160px;"/></dt>
				</dl>
				<dl>
				<dd>身份证号</dd>
				<dt><input name="cardCode" id="cardCode" style="width: 160px;"/></dt>
				</dl>
				<dl>
				<dd>注册渠道</dd>
				<dt>
				<select class="easyui-combobox" name="sid" id="sid" style="width: 167px;">
				 <option value="全部" selected="selected">全部</option>
				 <c:forEach items="${channel}" var="c">
			     <option value="${c.id}">${c.text}</option>
		         </c:forEach>
				</select>
				</dt>
				</dl>
				<dl>
				<dd>注册方式</dd>
				<dt>
				<select class="easyui-combobox" name="loginFrom" id="loginFrom" style="width: 167px;">
				 <option value="全部" selected="selected">全部</option>
				 <option value="用户名">用户名</option>
				 <option value="手机号">手机号</option>
				 <option value="QQ">QQ</option>
				 <option value="支付宝">支付宝</option>
				 <option value="微信">微信</option>
				</select>
				</dt>
				</dl>
				<dl>
				<dd>属于信息</dd>
				<dt><input name="belong" id="belong" style="width: 160px;"/></dt>
				</dl>
				<dl>
				<dd>注册时间</dd>
				<dt>
				<input name="regstart" id="regstart" class="easyui-datebox" editable="false" data-options="formatter:myformatter" style="width: 72px;"/>
				~~
				<input name="regend"  id="regend" class="easyui-datebox" editable="false" data-options="formatter:myformatter" style="width: 72px;" />
				</dt>
				</dl>
				<dl>
				<dd>登录时间</dd>
				<dt>
				<input name="loginstart" id="loginstart" class="easyui-datebox" editable="false" data-options="formatter:myformatter" style="width: 72px;"/>
				~~
				<input name="loginend" id="loginend" class="easyui-datebox" editable="false" data-options="formatter:myformatter" style="width: 72px;"/>
				</dt>
				</dl>
				<dl>
				<dd>消费类型</dd>
				<dt>
				<select class="easyui-combobox" name="consume" id="consume" style="width: 167px;">
				 <option value="全部" selected="selected">全部</option>
				 <option value="红包" >红包</option>
				 <option value="现金" >现金</option>
				 <option value="充值金" >充值金</option>
				 <option value="积分" >积分</option>
				 <option value="金币" >金币</option>
				 <option value="奖金" >奖金</option>
				</select>
				</dt>
				</dl>
				<dl>
				<dd>账户状态</dd>
				<dt>
				<select class="easyui-combobox" name="status" id="status" style="width: 167px;">
				 <option value="全部" selected="selected">全部</option>
				 <option value="正常">正常</option>
				 <option value="锁定">锁定</option>
				 <option value="注销">注销</option>
				</select>
				</dt>
				</dl>
				<dl>
				<dd>软件信息</dd>
				<dt>
				<select class="easyui-combobox" name="softVer"  id="softVer" style="width: 167px;">
				 <option value="全部" selected="selected">全部</option>
				 <option value="安卓v1.0" >安卓v1.0</option>
				 <option value="IOSv1.0" >IOSv1.0</option>
				 <option value="PADv1.0" >PADv1.0</option>
				 <option value="IPADv1.0" >IPADv1.0</option>
				</select>
				</dt>
				</dl>
				<dl>
				<dd>余额范围</dd>
				<dt><input name="balanceStart" style="width: 72px;"/>~~<input name="balanceEnd" style="width: 72px;"/></dt>
				</dl>
				<dl>
				<dd>离开天数</dd>
				<dt><input name="leaveStart" style="width: 72px;"/>~~<input name="leaveEnd" style="width: 72px;"/></dt>
				</dl>
				<dl>
				<dd>登录串号</dd>
				<dt><input name="loginCode" id="loginCode" style="width: 160px;"/></dt>
				</dl>
				<dl>
				<dd>注册串号</dd>
				<dt><input name="regCode" id="regCode" style="width: 160px;"/></dt>
				</dl>
				<dl>
				<dd>平台编号</dd>
				<dt><input name="platformID" id="platformID" style="width: 160px;"/></dt>
				</dl>
				<dl>
				<dd>开发平台</dd>
				<dt>
				<select class="easyui-combobox" name="platform"  id="platform" style="width: 167px;">
				 <option value="全部" selected="selected">全部</option>
				 <option value="支付宝" >支付宝</option>
				</select>
				</dt>
				</dl>
				<dl>
				<dd>    </dd>
				<dt><input type="checkbox" name="likequery" value="likequery">模糊查询</input>
				<a class="easyui-linkbutton" iconCls="ext-icon-zoom" plain="true" οnclick="searchFun();" href="javascript:void(0);">查找</a>
				<a class="easyui-linkbutton" iconCls="ext-icon-zoom_out" plain="true" οnclick="clearFun();" href="javascript:void(0);">重填</a>
				</dt>
				</dl>
			</fieldset>

样式

<style type="text/css">
      /*  td
        {
            white-space: nowrap;
        }*/
  .search-panel dl{
    margin:5px 5px 0 0;
    overflow:hidden;
    float:left;
}
.search-panel dl dd
{
    float:left;
    text-align:right;
}
.search-panel dl dt
{
    float:left;
    vertical-align:middle;
}

        
</style>