画面要求显示一定数量的div元素,比如20个然后有一个下拉列表来指定每页显示的个数,Case1:如果每屏显示2个想要的结果就是当前屏幕显示前两个div元素和一个横向滚动条滚动条往右拖,显示第三个和第四个以此类推.Case12:如果每屏显示四个则当前屏是2*2显示四个和一个横向滚动条滚动条往右拖,显示5~8个div元素.以此类推.特别注意:不能出现竖的滚动条...目前的模板代码如下,下面的代码问题是,如果我一行追加元素多了的话,会自动换行显示,而不能显示横向滚动条.123functioncreateDiv(){vars1=document.getElementById('s1');varitem=s1.value;varhasChild=container.children.length?true:false;if(hasChild){while(container.hasChildNodes())//当div下还存在子节点时循环继续{container.removeChild(container.firstChild);}}//制定策略varstrategy=[2,10,20];varstrategyRow=[1,2,4];varstrategyIndex=0;//获取策略方案for(varindex=0;indexvarcurrent=strategy[index];if(item<=current){strategyIndex=index;break;}}//使用策略//当前策略varrow=strategyRow[strategyIndex];varcolumn=item/row;letbodywidth=document.body.clientWidth;letbodyheight=document.body.clientHeight;varpercentW=90/column+'%';varpercentH=90/row+'%';for(vari=0;ivarrowDiv=document.createElement("div");for(varj=0;jvarcolumnDiv=document.createElement("div");columnDiv.style.cssText="margin:10px;border-style:solid;border-width:2px;border-color:#aa0000;float:left;height:"+percentH+";background-color:#00aa00;"+"width:"+percentW+";";columnDiv.textContent=i+','+j;rowDiv.appendChild(columnDiv);}container.appendChild(rowDiv);}}24681020确定