删除两个按钮链接之间的短划线

Rus*_*uss 1 html button hyperlink

我在页面上创建了一个带有两个按钮(即链接)的页面.由于未知原因,在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>
Run Code Online (Sandbox Code Playgroud)

我需要做些什么才能删除按钮之间的短划线?

Pau*_*aul 5

将您的代码更新为:

    <div>
        <a href="http://www.google.com"><button>Google</button></a>
        <a href="http://www.yahoo.com"><button>Yahoo</button></a>
    </div>
Run Code Online (Sandbox Code Playgroud)

链接的默认样式是underlines这样的,空格将只是一个下划线.这是一个例子:http://jsfiddle.net/wCfBR/

以下是一些使buttons链接行为的替代方法:如何创建一个像链接一样的HTML按钮?