为要在 HTML 中使用的变量添加空间答案

【问题标题】：Add space to a variable to be used in HTML为要在 HTML 中使用的变量添加空间
【发布时间】：2021-05-27 22:56:57
【问题描述】：

我试图在箭头之间创建一个空格，但是当我加载页面时，箭头之间没有空格？我尝试在字符串中添加&nbsp;，但最终将其用作文本？

@{
var hero_statement = "We grow companies from code.";
var hero_message = "We offer talented teams to deliver results from intricate ideas.";
var action_call = "Get Started";
var arrows = "<  / >";
}
<section id="hero" class="d-flex align-items-center">
<div class="container">
    <div class="row">
        <div class="col-lg-6 pt-5 pt-lg-0 order-2 order-lg-1 d-flex flex-column justify-content-center">
            <h1 data-aos="fade-up">@hero_statement</h1>
            <div class="statement-arrows">@arrows</div>
            <h2 data-aos="fade-up" data-aos-delay="400">@hero_message</h2>
            <div data-aos="fade-up" data-aos-delay="800">
                <a href="#about" class="btn-get-started scrollto">@action_call</a>
            </div>
        </div>
        <div class="col-lg-6 order-1 order-lg-2 hero-img" data-aos="fade-left" data-aos-delay="200">
            <img src="img/hero-img.png" class="img-fluid" alt="">
        </div>
    </div>
</div>

【问题讨论】：

小于&lt;和大于&gt;是HTML（和XML）中的特殊字符，应该被转义（分别为&lt;和&gt;），这可能是&nbsp;没有的原因不适合你。你应该试试var arrows = "&lt;&nbsp;/&nbsp;&gt;";
你只需要@Html.Raw(arrows)（在箭头中放而不是空格）
这能回答你的问题吗？ ASP.NET automatically converts & to &
"< / >";似乎不起作用@phuzi
不要将箭头视为单个 HTML 节点。将每个箭头放入其自己的容器中，然后将任何填充添加到您想要的容器中。将<div class="statement-arrows">@arrows</div> 更改为<div class="statement-arrows"><span>&lt;</span><span style="padding-left:10px;">&gt;</span></div>

标签： c# html asp.net-core razor bootstrap-4

【解决方案1】：

将字符串一分为二，并在您的 div 中将其与 &nbsp; 组合

【讨论】：

尝试使用 var arrows = """";不工作

【解决方案2】：

尝试把它放在html代码中？

<h2 data-aos="fade-up" data-aos-delay="400">&nbsp;@hero_message</h2>

【讨论】：

刚试过
@arrows
但不起作用
+ @arrows 加在两者之间？不知道该变量是如何输入的

【解决方案3】：

尝试使用这个：

 <div class="statement-arrows">@Html.Raw(arrows.Replace(" ","&nbsp;"))</div>

【讨论】：