Question

我想回收jQuery UI css来创建并排且多行的小工具箱......

理想：


[] []
[] []

到目前为止，我的尝试最终将所有UI小部件框合并在一起。甚至使用表来尝试强制使用不同的单元格。以下是每个单元格的不成功代码：

<div id="1" class="ui-widget ui-state-highlight ui-corner-all" style="padding:5px;margin:3px;width:173px;display:inline;height:130px;">
  <img src="sampleimgblock.png" width="173" height="130" />
</div>

Answer 1

我想我真的不明白你想要完成什么。如果它是4个组件2 X 2你可以做这样的事情。

CSS

.ui-widget{float: left}
.ui-widget:nth-child(3){clear:both} //Only works in modern browsers

jQuery fallback

$('.ui-widget:nth-child(3)).css('clear', 'both');

这将为每个第三个组件启动一个新的“行”，创建类似于你的图表。

重用jQuery UI CSS并排创建Widget框

1 个答案: