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。您可以使用简单的for循环来完成PHP，例如

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

Answer 2

这样的事情会起作用：

<?php
for($i=0; $i<$x; $i++){
   echo '<div id="'.$i.'">Box '.$i.'</div>';
}
?>

生成多个HTML框的有效方法

2 个答案: