我有一个<a>
标记,其中包含<svg>
标记。
a(href='#') Link
svg
use(xlink:href="icons.svg#alert")
输出为
<a href="#">Link
<svg>
<use xlink:href="icons.svg#alert"></use>
</svg>
</a>
我的问题是换行符Jade很好地格式化,意味着链接在文本和SVG之间有一个带下划线的空格。我已经阅读过使用Tag Interpolation语法将标记放入块中,但仍然为<svg>
等块标记插入换行符。
我有哪些选项可以删除这个带下划线的空格并在<a>
标记中包含SVG?看来我对Jade的断线方式没有多少控制权。它可能需要是一个CSS解决方案吗?
答案 0 :(得分:1)
编译时只需将pretty
选项设置为false
即可。来自Jade API documentation:
pretty
:boolean | string
在生成的html中添加空格,以便人们更容易使用' '
作为缩进进行阅读。如果指定了字符串,则会将其用作缩进(例如'\t'
)。
这将有效地使得结果HTML缩小。