我正在构建一个页面,其中间有一个PHP,它回显了一个表格。 我有html通过外部样式表居中,但PHP部分(表不会居中)所以我认为这样的最好的方式是在PHP部分的内联css。任何帮助表示赞赏。
// display data in table
echo "<table border='1' cellpadding='2' class='footable mdl-data-table mdl-js-data-table mdl-data-table--selectable mdl-shadow--4dp full-width'>";
echo "<tr> <th>ID</th> <th>Administration Console</th> <th>Product Version</th> <th>Platform</th> <th>Database</th> <th>Owner</th> <th>Status</th> <th></th> <th></th></tr>";
// loop through results of database query, displaying them in the table
while($row = mysql_fetch_array( $result )) {
// echo out the contents of each row into a table
echo "<tr>";
echo '<th>' . $row['id'] . '</th>';
echo '<td><a href="'.$row['curl'].'">'.$row['curl'].'</a></td>';
echo '<td>' . $row['pversion'] . '</td>';
echo '<td>' . $row['platform'] . '</td>';
echo '<td>' . $row['dversion'] . '</td>';
echo '<td><a href="mailto:'.$row['email'].'">' . $row['email'].'</a></td>';
echo '<td>' . $row['status'] . '</td>';
echo '<td><a href="php/edit.php?id=' . $row['id'] . '">Edit</a></td>';
echo '<td><a onclick="javascript:confirmationDelete($(this));return false;" href="php/delete.php?id=' . $row['id'] . '"onclick="return confirm("Do you want to delete this?")">Delete</a></td>';
echo "</tr>";
}
// close table>
echo "</table>";
?>
答案 0 :(得分:1)
您可以使用此选项,但所有表格都将居中
table {
margin: 0 auto;
}
或定义一个类来标识特定的表
table .customClass {
margin: 0 auto;
}
<table border='1' cellpadding='2' class='customClass footable mdl-data-table mdl-js-data-table mdl-data-table--selectable mdl-shadow--4dp full-width'>
或者您可以尝试使用 align =&#34; center&#34;
<table align="center" border='1' cellpadding='2' class='footable mdl-data-table mdl-js-data-table mdl-data-table--selectable mdl-shadow--4dp full-width'>
希望这对你有所帮助。
答案 1 :(得分:0)
前面的样式标记将被覆盖。例如:
<style>
th, td{
text-align: center;
}
th, td{
text-align: left;
}
</style>
然后文本将从左侧显示。
要简单地解决问题,您可以尝试在下面的所有css链接中添加以下代码:
<style>
th, td{
text-align: center;
}
</style>
如果它不起作用,我建议你试试这个: - )
echo '<th style="text-align: center">' . $row['id'] . '</th>';