居中显示：用 CSS 向左浮动阻止链接

Question

我有一个带有text-align:center 的小DIV。它的所有内容都必须居中。在这个 DIV 中，我有一个 PHP 代码，它生成一定数量的带有display:block 的 A HREF 链接。我希望所有这些链接彼此相邻（直到它对于 div 来说太宽，然后需要跳转到下一行）所以我使用float:left。但是，如果只显示两个链接（块），它们在我的 DIV 中左对齐，而不是在中间。所以我希望我的链接彼此相邻显示，但我也想将它们放在我的 DIV 中。我该怎么做？

每个请求的代码：

<div style="margin-left:200px;width:300px;text-align:center;background-color:">Pagina's:<br clear="left"> 


<?php 
$sql = "SELECT COUNT(bedrijfsnaam) FROM profiles where plaats = '".$plaats2."'"; 
$rs_result = mysql_query($sql); 
$row = mysql_fetch_row($rs_result); 
$total_records = $row[0]; 
$total_pages = ceil($total_records / 1); 

for ($i=1; $i<=$total_pages; $i++) { 
            echo "<a style=\"float:left;display:block;color:white;width:22px;text-align:center;text-decoration:none;font-size:20px;background-color:#483435;margin-left:4px\" href='".$plaatsnaam7.".php?page=".$i."'>".$i."</a> "; 

}; 
?>


</div>

Answer 1

父div必须有

text-align: center

里面的所有东西都必须有display: inline; float: none;