刪除兩個按鈕鏈接之間的破折號

我已經創建了頁面上的兩個按鈕（即鏈接）。出於未知原因，在chrome，ff和ie中的按鈕之間會顯示短劃線。我正試圖在按鈕之間留出一點空間，而不是這個奇怪的短劃線。下面是一些簡單的示例代碼複製的問題：刪除兩個按鈕鏈接之間的破折號

<!DOCTYPE html> 
<meta charset='utf-8'> 

<html> 
    <head><title>Button Dashes?</title></head> 
    <body> 
     <div> 
      <a href="http://www.google.com"> 
       <button>Google</button> 
      </a> 
      <a href="http://www.yahoo.com"> 
       <button>Yahoo</button> 
      </a> 
     </div> 
    </body> 
</html>

什麼我需要做刪除按鈕之間的幾許？

來源

2013-04-18 Russ

這就是所謂的空白，爲什麼你在鏈接中有按鈕？ – Musa

破折號是按鈕之後的白色空格字符，因爲它位於錨點中，因此下劃線。刪除它，你會沒事的。 – xpy

空格是白色的空格。這是一個明顯的破折號。我有頁面結構的方式，它是從以下這樣的問題：http://stackoverflow.com/questions/3341011/making-a-button-thats-a-link-in-html – Russ

更新您的代碼如下：用於鏈接

<div> 
     <a href="http://www.google.com"><button>Google</button></a> 
     <a href="http://www.yahoo.com"><button>Yahoo</button></a> 
    </div>

默認樣式有underlines所以空白將是隻是一個下劃線。這裏有一個例子：

這裏有一些替代辦法，使buttons行爲就像鏈接：How to create an HTML button that acts like a link?

來源

2013-04-18 18:59:52 Paul

我的錯誤，我沒有理解。我認爲只是格式化代碼是添加空白。我的錯誤，感謝您的快速反應和有用的鏈接。 – Russ

要麼宣佈在一個CSS文件，或直接錨元素，而沒有任何的文字修飾

<a href="http://www.google.com" style="text-decoration : none;">

來源

2013-04-18 19:00:38 Bryan

刪除兩個按鈕鏈接之間的破折號

回答

相關問題