html - 对齐图像按钮不起作用？

Question

我有一张 table 。我的问题是两个图像按钮应该对齐。问题是无论我尝试什么，第二张图片总是在第一张图片下面。我希望两个图像水平对齐。

这是我的表格代码:

public function dataview($query)
{
  $stmt = $this->db->prepare($query);
  $stmt->execute();

  if($stmt->rowCount()>0)
  {
    while($row=$stmt->fetch(PDO::FETCH_ASSOC))
    {
      ?>
        <tr>
          <td><?php echo($row['user_id']); ?></td>
          <td><?php echo($row['username']); ?></td>
          <td><?php echo($row['password']); ?></td>
          <td>
            <a href="edit.php?user_id=<?php echo ($row['user_id']); ?>"><input name="image" type="image" value="edit"><img src="image/EDIT.png" class="img-responsive" width="30px"></a>
            <a href="delete.php?user_id=<?php echo ($row['user_id']); ?>"><input name="image" type="image" value="delete" onClick="return confirm('Are you sure you want to delete?');"><img src="image/DELETE.png" class="img-responsive" width="30px"></a>
          </td>
          <!--<td><a href="DELITEM.PHP?user_id=<?php echo ($row['user_id']); ?>" <img src="image/DELETE.png" width="25" onClick="return confirm('Are you sure you want to delete?');">Delete</a></td>-->

        </tr>
      <?php
    }
  }
  else
  {
    ?>
      <tr>
        <td>Nothing here...</td>
      </tr>
    <?php
  }

}

?>

Answer 1

为两个 anchor 标记提供左侧的 float 样式。确保 td 中有足够的空间来容纳这两张图片。

 <a style="float:left" href="edit.php?user_id=<?php echo ($row['user_id']); ?>"<input name="image" type="image" value="edit"><image src="image/EDIT.png" class="img-responsive" width="30px"></a>

 <a style="float:left" href="delete.php?user_id=<?php echo ($row['user_id']); ?>"<input name="image" type="image" value="delete" onClick="return confirm('Are you sure you want to delete?');"><image src="image/DELETE.png" class="img-responsive" width="30px"></a>