Question

在屏幕中央优雅地显示此表时出现问题。请指教？

网址链接粘贴在下方：

http://www.technicaldebt.co.uk/fyp/prototype/databasetest.php

非常感谢任何帮助。

<table border="5" cellspacing="2" cellpadding="2">
<tr>
<td><font face="Arial, Helvetica, sans-serif">Title</font></td>
<td><font face="Arial, Helvetica, sans-serif">First Name</font></td> 
<td><font face="Arial, Helvetica, sans-serif">Last Name</font></td>
<td><font face="Arial, Helvetica, sans-serif">E-mail Address</font></td>
<td><font face="Arial, Helvetica, sans-serif">Project Title</font></td>
</tr>

<?php
$i=0;
while ($i < $num) {

$f1=mysql_result($result,$i,"Titles");
$f2=mysql_result($result,$i,"FirstName");
$f3=mysql_result($result,$i,"LastName");
$f4=mysql_result($result,$i,"Email");
$f5=mysql_result($result,$i,"ProjectRoles");
?>

<tr>
<td><font face="Arial, Helvetica, sans-serif"><?php echo $f1; ?></font></td>
<td><font face="Arial, Helvetica, sans-serif"><?php echo $f2; ?></font></td>
<td><font face="Arial, Helvetica, sans-serif"><?php echo $f3; ?></font></td>
<td><font face="Arial, Helvetica, sans-serif"><?php echo $f4; ?></font></td>
<td><font face="Arial, Helvetica, sans-serif"><?php echo $f5; ?></font></td>
</tr>

<?php
$i++;
}
?>

Answer 1

在表格开始标记

中添加style="margin: 0 auto"

Answer 2

不是特别答案，但我想（？）我太初级而不是写评论而不是“回答”......

至少在问题中，您仍然缺少</table>
@jeroen正在谈论CSS - 位于<style type="text/css">css here</style> <head>或其中一个外部样式表中。
当您使用CSS时，可以使用CSS修剪重复的<font>标记

td {font-family: Arial, Helvetica, sans-serif;}
任何查看您链接的人现在都拥有技术债务团队的几个成员的电子邮件地址。

Answer 3

只需添加：

table {
    margin: auto;
    min-width: 80%;    // or whatever you like
}

在屏幕中央显示HTML表格

3 个答案: