如何解决使用PUG在多个HTML元素上拆分多行文本
我正在创建一个哈巴狗模板,并且试图弄清楚如何在锚标记上输出多行文本BUT拆分。
我是哈巴狗的新手,所以我的知识仅限于一天。
header.pug
div.col-12
a(href="https://somelink.com" target="_blank").
Learn more
about safety precautions
所需的输出
<div class="col-12">
<a href="https://somelink.com" target="_blank">Learn more</a>about safety precautions
</div>
但是相反,我的文本about safety precautions
始终显示在</a>
标签内。
解决方法
如果要内联文本,可以使用span
元素,该元素不会破坏段落:
div.col-12
span
a(href="https://somelink.com" target="_blank").
Learn more
span.
about safety precautions
您还可以在哈巴狗中使用pipe syntax:
div.col-12
a(href="https://somelink.com" target="_blank").
Learn more
| about safety precautions
我个人比较喜欢跨度,因为更多关注我的Web开发人员将了解发生了什么。但这两种方法都没有真正的负面影响。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。