通过设置百分比和最小宽度来实现,放大可以均匀排列,缩小可以自动换行
#kpi_tb input{
100px;
}
#kpi_tb .row{
margin:0px;
padding:0px;
100%;
text-align:center;
display: inline-block;
position: relative;
}
#kpi_tb .col{
position:relative;
margin:0px;
padding:3px 0px;
display: inline-block;
}
</style>
</head>
<body id="maskDiv">
<table id="kpi_table"></table>
<div id="kpi_tb">
<span class="row">
<span class="col" style="17% ;min- 180px;">专题列表:<input id="subject_id" /></span>
<span class="col" style="14% ;min- 150px;">名称:<input id="priv_name" class="combo-text validatebox-text"/></div>
<span class="col" style="27% ;min- 280px;">查询时间:<input id="start_month"/> - <input id="end_month"/></span>
<span class="col" style="23% ;min- 240px;">排序字段:<input id="order_col" /><input id="desc_asc"/></span>
<span class="col" style="7% ;min- 70px;"><a id="search_btn" href="#" class="easyui-linkbutton" >查询</a></span>
</span>
</div>
</body>
</html>