Question

我有一些动态html，并想要一个新行，即每个<br>标记后的<img>标记。

for ($i=1; $i < mysqli_num_rows($result_p); $i++){
$row_p = mysqli_fetch_array($result_p);
echo "<img id='". $i . "' src='". $row_p['url'] ."' width='200' height='200' alt='img'>";
echo "<br>";  // doesn't work
}

我在W3C验证服务上检查了生成的html标记 - 没有错误，但<br>标记仍然不起作用。

Answer 1

为了拥有你想要的东西，有很多更好的解决方案：

选项1：
将图像列表放在unorderlist中，将display：block属性放到li标签

<ul class="images">
  <li> 
    <img src=""/>
  </li>
 </ul>

然后在你的css样式表中：

ul.images li{display:block}

选项2：
只需在img标记中包含一个块元素：<div>, <p>，然后使用css为图像之间提供更多空间

br标签在动态创建的html中不起作用

1 个答案: