razor中html标记与服务器端标记混合不空格输出

本文探讨了在使用Razor语法与HTML混合编写时遇到的问题,特别是在中文环境下变量插入时产生的空格问题及解决方案。文章通过具体示例介绍了如何正确地在HTML列表项中插入循环变量,并给出了设置元素ID的具体应用场景。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

Html标记与razor @服务器端代码混用,在英文里很好

英文每个单词之间都空格,但是中文字与字之间不空格

@for (int i = 0; i < 5; i++)
{
    <li>this is @i element</li>
}

image

英文没什么问题,但是换成中文

@for (int i = 0; i < 5; i++)
{
    <li>第@i个</li>
}

连语法高亮都没有了

image

运行结果也说明没起作用

@for (int i = 0; i < 5; i++)
{
    <li>第{@i}个</li>
}

加上大括号

image

变量是出来了,但是不是我们要的效果

@for (int i = 0; i < 5; i++)
{
    <li>@{@i}</li>
}

在大括号的外面再加@

image

 

使用场景:

给列表中的每个元素一个id,比如上面的li,id为 li0、li1、li2。。。,这个时候有空格就不对了。

转载于:https://www.cnblogs.com/czcz1024/archive/2011/11/09/2242977.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值