当定心元素时，链接延伸到宽度

Question

我有一个按钮，其中包含如下链接：

<a href="/">
  <button style="margin: 0 auto; display: block;">Link</button>
</a>

正如您所看到的，我将按钮置于中心位置。但是，从中心开始，链接会延伸到按钮的任一侧，所以即使没有悬停在按钮上，单击它的任何一侧也会转到我不想要的链接。

如果你不理解我的问题，我的问题是{p> Here is a JSFiddle。感谢。

Answer 1

内联元素不能包含块元素。这就是你看到这个问题的原因。

要实现此效果，请将链接包装在具有text-align: center的容器中。

＆＃13;

＆＃13;

<div style="text-align: center;">
    <a href="/">
        <button>Link</button>
    </a>
</div>

＆＃13;

＆＃13;

＆＃13;