在屏幕中央显示HTML表格

问题描述：

在屏幕中心显示此表格时出现问题。请指教？在屏幕中央显示HTML表格

该网站链接粘贴下面：

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++; 
} 
?>

可能重复http://stackoverflow.com/questions/301147/css-way-to-horizontally-align-table – Liam 2013-03-13 17:27:13

我不知道如果这是一个错字或没有，但你错过了你标记，这可能会弄乱你的渲染。 – 2013-03-13 17:28:25

你应该发布生成的html，因为这与php无关。 – jeroen 2013-03-13 17:29:22

答

只需添加：

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

答

表开始标签

答

未进行具体的答案中添加style="margin: 0 auto"，但我想我已经大三写评论，而不是“的答案（？） “s ...

至少在问题中，你仍然缺少</table>
@jeroen正在说CSS - 它在<style type="text/css">css here</style>的<head>中，或在您的一个外部样式表中。
当你在这，你可以修剪出重复<font>标签与CSS

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

在屏幕中央显示HTML表格

相关推荐