Question

我使用javascript，css和html输出以下示例。

实际上，输出将通过smarty'foreach'和一个数组创建，但这不适用于jsfiddle。

我的问题是，我该如何在第二条输出行之后使用横幅，文本等分隔符div生成？

我的示例中的框是固定的，因此在更大的屏幕分辨率下，每行将显示4个框，而在较小的情况下，仅显示3个框。

我想它只能在javascript下工作，但我不是怎么做。

感谢您的任何建议

a link到jsfiddle

CSS代码：

#main { width: 100%; padding: 5px; }
article { margin-left: 20px; margin-bottom: 20px; width: 200px;
          height: 200px; border: 1px solid #000; padding: 3px; float: left; }

HTML代码

<div id="main"></div>

使用Smarty {forech}进行仿真的JavaScript

function test(){
  for(var i=1;i<=12;i++){
     print('Test');
  }
}

var r = document.getElementById('main');

function print(s){
  r.innerHTML += '<article>test</article>';
}

test();

在模板清单中创建一个段落

0 个答案: