比如下面的 razor 代码
<link id="favicon" rel="shortcut icon" href="//common.cnblogs.com/favicon.svg" type="image/svg+xml"/>
<link asp-visible="@Model.Blog.Skin.UseBootstrap" rel="stylesheet" href="/css/bootstrap.min.css"/>
<link rel="stylesheet" href="@HyperLinks.StaticFileLink("css/blog-common.min.css")" asp-append-version="true"/>
如果第2个 link 标签不显示,渲染出来的 html 会多一行空行
<link id="favicon" rel="shortcut icon" href="//common.cnblogs.com/favicon.svg" type="image/svg+xml" />
<link rel="stylesheet" href="/css/blog-common.min.css?v=ibPliZWOjNKCtvXWUQl-aWaKxA1rBrJ4zlKnUxg46cg" />
请问如何消灭这个多余的空行?
找到了一种解决方法,利用 razor 的 implicit transitions 特性,将 html 代码放在 @{ }
中
<link id="favicon" rel="shortcut icon" href="//common.cnblogs.com/favicon.svg" type="image/svg+xml"/>
@{<link asp-visible="@Model.Blog.Skin.UseBootstrap" rel="stylesheet" href="/css/bootstrap.min.css"/>}
<link rel="stylesheet" href="@HyperLinks.StaticFileLink("css/blog-common.min.css")" asp-append-version="true"/>