Question

如何将一组已定义好的label使用jquery动态改变样式为一行两列,并且固定高度，超出的label用滚动条显示

原结构如下：
<div class="container">
<label>1</label>
<label>2</label>
<label>3</label>
<label>4</label>
<label>5</label>
<label>6</label>
<label>7</label>
</div>

结果希望：
1 2
3 4
5 6
多余的7、8.。。。会出现滚动条。谢谢

Answer 1

使用css就好了吧，这个，不用用到JQ。能够用css实现，就尽量不用js。给div固定宽度和高度，超出的部分用overflow:scroll;就可以了，宽度和高度调整一下。lable用浮动。
<style type="text/css">
.container{ width:60px; height:80px; overflow:scroll;}
.container label{ font-size:12px; display:block; float:left; width:20px; margin-bottom:5px;}
</style>

Answer 2

用jquery改变css就行了。css写成下面的样子
<style>
.container{ height:3*你一个lable高度（行高）; width:2*你一个lable的宽度; overflow:auto;}
.container label{ float:left; height:30px; width:100px;}
</style>
用jquery修改css就不用我写了吧。

Answer 3

$(".container").css({ "width": "50px", "height": "52px","overflow-y":"auto" });