使用 pug.js 在 <a></a> 标记内放置一个按钮

Question

这是我的预期结果：

<a>
    <button class="btn btn-tomato mx-auto" type="button" style="width:50%; white-space: normal; opacity:0.8;">Button text</button>  
</a>

所以我这样写了我的哈巴狗：

a
    button.btn.btn-tomato.mx-auto(type='button', style='width:50%; white-space: normal; opacity:0.8')

但是，结果是这样的：

<a></a>
<button class="btn btn-tomato mx-auto" type="button" style="width:50%; white-space: normal; opacity:0.8;">Button text</button>

<button> 不在<a> 中。你能告诉我如何解决这个问题吗？谢谢。

Answer 1

HTML 禁止按钮出现在锚点内。

• 如果您需要链接，请使用<a>。

• 如果您想提交表单，请使用<button>。

• 如果您想要触发 JavaScript 并且无法编写 Unobtrusive JS，请使用 <button type="button">。

然后应用 CSS 让它看起来像你想要的那样。