使用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使其看起来像您想要的样子。