我该如何居中?

时间:2016-08-10 13:35:27

标签: php html css

我希望我的桌子居中,所以我尝试了这个:<table align=center>HEEHHE</table>这不起作用。

我的代码:

<?php
$servername = "***:3306";
$username = "**";
$password = "!!!!";
$dbname = "***";

// Create connection
$conn = new mysqli($servername, $username, $password, $dbname);
// Check connection
if ($conn->connect_error) {
    die("Connection failed: " . $conn->connect_error);
} 

$sql = "SELECT balance FROM tbl_users WHERE userID = 8";
$result = $conn->query($sql);

if ($result->num_rows > 0) {
    echo "<table align="center"><tr><th>Aktuell im Jackpot:</tr></th>";
    // output data of each row
    while($row = $result->fetch_assoc()) {
        echo "<tr><td>".$row["balance"]."</tr></td>";
    }
    echo "</table>";
} else {
    echo "0 results";
}
$conn->close();
?>

3 个答案:

答案 0 :(得分:1)

align="center"可能仍会有效,即使它是不推荐使用的属性(请参阅https://developer.mozilla.org/en-US/docs/Web/HTML/Element/table)。您可能应该使用CSS进行样式设置,例如table { margin: 0 auto; }应该这样做。

您的代码中存在多个问题:

  • trth元素之前关闭(右下方见下文) 结构)
  • tdth element(见下文)
  • 之前关闭
  • 双引号语法错误(正如Audite Marlow所暗示)

table {
  margin: 0 auto;
  }
<table>
  <tr><th>Aktuell im Jackpot:</th></tr>
<tr><td>1231234</td></tr>
</table>

答案 1 :(得分:0)

这应该这样做:

<table height="100%" width="100%">
<tr>
<td align="center" valign="middle">
<p>Content</p>
</td>
</tr>
</table>

有一些错误:

echo "<table align="center"><tr><th>Aktuell im Jackpot:**</th></tr>**";
// output data of each row
while($row = $result->fetch_assoc()) {
    echo "<tr><td>".$row["balance"]."**</td></tr>**";
}
echo "</table>";

答案 2 :(得分:0)

首先,您的代码是错误的:

echo "<table align="center"><tr><th>Aktuell im Jackpot:</tr></th>"; // wrong code

你应该转义引号:\&#34; center \&#34 ;;或者使用echo '<table style="margin: 0 auto;">...</table>';等单引号。

嗯,它有更好的方式来规范事物,但我直截了当地说:align="center"使用 style="margin: 0 auto; width: 500px;"

如果您需要垂直居中,本指南适合您:https://css-tricks.com/centering-css-complete-guide/