由于长属性，在html标记内部断行

Question

我偶尔遇到一个问题，我需要将单个html标签分成多行（例如，当我有许多属性并且标签嵌套时）。如何格式化此标记，使其在屏幕上完整可见，同时没有乱码。

我目前的解决方案是：

<button
    type="button"
    class="btn btn-default btn-block"
    data-username="John Doe"
    data-userid="d8nasd98asn9d8sado9n8aso9d8nsado98sa9d8nso9ad8a"
    ...
>
    Show
</button>

但它看起来并不优雅。

有什么建议吗？