链接重叠海誓山盟发出

Question

的链接是相互覆盖，截图：

我使用的CSS是：

.moderation_buttons a:link, .moderation_buttons a:active, .moderation_buttons a:visited{ 
padding: 1px 9px; 
background: #d6d6d6; 
color: #000; 
margin: 3px; 
text-decoration: none;} 

在任何情况下，一个希望看到这些链接的HTML，这里是HTML：

// Working on the Moderation Buttons 
$view_profile = '<a href="index.php?action=profile_student&amp;sid='.$sid.'">VIEW PROFILE</a>'; 
$edit = '<a href="index.php?action=edit_student&amp;sid='.$sid.'">EDIT</a>'; 
$delete = '<a href="index.php?action=delete_student&amp;sid='.$sid.'">DELETE</a>'; 
$cancel = '<a href="index.php?action=cancel_student&amp;sid='.$sid.'">CANCELATION</a>'; 
$admission_form = '<a href="index.php?action=cancel_student&amp;sid='.$sid.'">ADMISSION FORM</a>'; 
$promote = '<a href="index.php?action=promote_student&amp;sid='.$sid.'">PROMOTE</a>'; 
$fee = '<a href="index.php?action=fee_print_student&amp;sid='.$sid.'">FEEs</a>'; 

$moderation_buttons = '<div class="moderation_buttons">'.$view_profile.$edit.$delete.$cancel.$admission_form.$promote.$fee.'</div>'; 

我该如何调整它，使链接正确调整，并且不会相互覆盖？

感谢

Answer 1

集

.moderation_buttons a{ display: inline-block } 

锚标签不块元素，这就是为什么补白不被添加到锚标记。为了做到这一点，你应该使它成为块级元素。但既然你想要它在内联也使用display: inline-block风格。