中心显示:阻止CSS向左浮动的链接

时间:2012-09-30 19:34:01

标签: php html css center

我有一个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>

1 个答案:

答案 0 :(得分:2)

父div必须

text-align: center

里面的一切都必须有display: inline; float: none;