ページネーションを正しく調整するにはどうすればよいですか？

Question

ページの中央に位置するようにページングの位置を調整したい。私は同じdivに配置したにもかかわらず、それのいくつかの部分は整列しません。どんな助けもありがとう。ありがとうございました。

<div class="center"> 
<ul class="pagination"> 

<a>Page: </a> <?php echo $pages; if($_GET['category'] != ''){?> 
<a href="<?php echo $currentURL;?>View/All" 
<?php if($action == "ViewAll"){echo 'style="font-weight:bold;color:#000;text-decoration:none;"';}?>> 
View All</a><?php }?> 
</ul> 
</div>  
</div> 

<style> 

ul.pagination { 
display: inline-block; 
padding: 0; 
margin: 0; 
padding-top: 300px; 
} 

ul.pagination { 
} 


ul.pagination p{display: inline;} 

ul.pagination a { 
color: black; 
float: left; 
padding: 8px 16px; 
text-decoration: none; 
transition: background-color .3s; 
border: 1px solid #ddd; 
} 

ul.pagination p a.active { 
background-color: #4CAF50; 
color: white; 
border: 1px solid #4CAF50; 
} 

ul.pagination p a:hover:not(.active) {background-color: #ddd;} 



</style> 

Answer 1

デフォルトでは、divはページ（またはそれを含む要素）と同じ幅になります。それがあなたよりも幅が広いと仮定しよう。それを中心にする。

"ul"に特定の幅を与え、それに "margin：0 auto"を設定します。内部に何かを浮かべない限り、それはコンテナ（div）に集中します。