html - 生成多个 HTML 框的有效方法

Question

要生成 html 框，可以简单地:

HTML:

<div>Box 1</div>
<div>Box 2</div>
<div>Box 3</div>
<div>Box 4</div>
<div>Box 5</div>
<div>Box 6</div>

CSS:

body {
    font-size: 0;
}
div {
    display: inline-block;
    width: 33%;
    height: 100px;
    font-size: 12pt;
    background: #EEE;
    border: 1px solid #CCC;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

在我的元素中，我需要创建 N 个盒子，有没有一种方法可以在不通过并单独创建每个盒子的情况下附加它？

Answer 1

不适用于纯 HTML/CSS。您可以使用 PHP 使用简单的 for 循环来完成此操作，例如

<?php
  for($i = 1; $i <= 6; ++$i)
  {
    echo "<div class=\"box\">Box $i</div>\n";
  }
?>