如何刪除菜單框之間的差距

請建議如何消除這種差距謝謝:)

我的CSS

.menu:link,.menu:visited 
{ 
font-weight:bold; 
color:#FFFFFF; 
background-color:#98bf21; 
width:80px; 
text-align:center; 
padding:4px; 
text-decoration:none; 
} 
.menu:hover,.menu:active 
{ 
background-color:#7A991A; 
}

我的菜單PHP

<?php 
echo '<a class="menu" href="/test/index.php">Home</a> 
<a class="menu" href="/test/profile.php">Profile</a> 
<a class="menu" href="/test/settings.php">Settings</a> 
<a class="menu" href="/test/image.php">Image</a> 
<a class="menu" href="/test/logout.php">Logout</a>'; 
?>

來源

2013-03-01 deerox

你能告訴您的問題的演示？ – Starx 2013-03-01 04:44:36

它與stackover flow boxes相同：Questions標籤用戶徽章未答覆，因爲他們有差距 – deerox 2013-03-01 04:46:18

你的鏈接標籤之間取出白色空間。

jsFiddle example

<a class="menu" href="/test/index.php">Home</a><a class="menu" href="/test/profile.php">Profile</a><a class="menu" href="/test/settings.php">Settings</a><a class="menu" href="/test/image.php">Image</a><a class="menu" href="/test/login.php">Logout</a>

或

<a class="menu" href="/test/index.php">Home</a><!-- 
--><a class="menu" href="/test/profile.php">Profile</a><!-- 
--><a class="menu" href="/test/settings.php">Settings</a><!-- 
--><a class="menu" href="/test/image.php">Image</a><!-- 
--><a class="menu" href="/test/login.php">Logout</a>

或只是浮他們離開

.menu { 
    float:left; 
}

來源

2013-03-01 04:44:58 j08691

您的字符串空間。

您可以參考以下方法來創建字符串

其中$ url是href和$ DisplayText就是顯示

$menu .= sprintf('<a class="menu" href="%s">%s</a>' , $url , $displayText);

文本示例

$menu = sprintf('<a class="menu" href="%s">%s</a>', '/test/index.php' , "Home"); 
$menu .= sprintf('<a class="menu" href="%s">%s</a>', '/test/profile.php' , 'Profile'); 
$menu .= sprintf('<a class="menu" href="%s">%s</a>', '/test/settings.php' , 'Settings'); 
$menu .= sprintf('<a class="menu" href="%s">%s</a>', '/test/image.php' , 'Image'); 
$menu .= sprintf('<a class="menu" href="%s">%s</a>', '/test/login.php' , 'Logout'); 

echo $menu ;

來源

2013-03-01 04:54:55 Surinderpal

這裏是一個簡單的解決方案爲您的問題是：

不使用所有錨標記之間的差距。保持一條線沒有任何缺口。你的問題將得到解決。

見下面的演示

Visit http://jsfiddle.net/creators_guru/6B9ea/

來源

2013-03-01 05:16:52

如何刪除菜單框之間的差距

回答

相關問題