php - 为什么 div 向左边距跑？

Question

我是 css 和 php 的新手，我想通过 php 从 db 检索信息并将其显示给用户，一切正常但问题出在 UI 部分 enter image description here 我的代码是

<?
$result=mysql_query($query) or die (mysql_error());
echo "<div class='container'>";
while($row =mysql_fetch_array($result)) 
{
    echo "<div class='row custom1'>";
    echo "<div class='col-sm-12' id='dd' style='border-style:solid; border-width:1px; margin-left:10px; margin-top:20px'><a href='showit.php' class='kk'>";
    echo '<p class="head1">QUESTION:',$row['title'],'</p><p clsss="head2" style="font-size:20px;"></br>Tags:',$row['tags'],'</br>Posted by:',$row['posted'],'</br>Posted On:',$row['postedon'],'</p>';
    echo "</div>";
}
echo "</div>";
?>

有什么方法可以正确对齐 div 吗？

Answer 1

那是因为你漏掉了结尾 </div>对于第二个 div 和结束 </a>在你的 while 循环中使一堆彼此的子节点，而不是容器父节点的内部节点，请改用此循环:

$result=mysql_query($query) or die (mysql_error());
echo "<div class='container'>";
while($row =mysql_fetch_array($result)) 
{
    echo "<div class='row custom1'>";
      echo "<div class='col-sm-12' id='dd' style='border-style:solid; border-width:1px; margin-left:10px; margin-top:20px'>";
        echo "<a href='showit.php' class='kk'>";
          echo "<p class=\"head1\">QUESTION:".$row['title']."</p>";
          echo "<p class=\"head2\" style=\"font-size:20px;\">";
            echo "</br>Tags:".$row['tags']."</br>Posted by:".$row['posted']."</br>Posted On:".$row['postedon'];
          echo "</p>";
        echo "</a>";
      echo "</div>"; //col-sm-12
    echo "</div>"; //row custom1
}
echo "</div>";