<div style="padding: 100px 100px 10px;">
<form class="bs-example bs-example-form" role="form">
<div class="input-group input-group-lg">
<span class="input-group-addon">@</span>
<input type="text" class="form-control" placeholder="Twitterhandle">
</div>
<br>
<div class="input-group">
<span class="input-group-addon">@</span>
<input type="text" class="form-control" placeholder="Twitterhandle">
</div>
<br>
<div class="input-group input-group-sm">
<span class="input-group-addon">@</span>
<input type="text" class="form-control" placeholder="Twitterhandle">
</div>
</form>
</div>
以上代码是在MVC的HTML代码,看着没什么问题,实际VS上已经提示错误了。


需要把@改成@@
<div style="padding: 100px 100px 10px;">
<form class="bs-example bs-example-form" role="form">
<div class="input-group input-group-lg">
<span class="input-group-addon">@@</span>
<input type="text" class="form-control" placeholder="Twitterhandle">
</div>
<br>
<div class="input-group">
<span class="input-group-addon">@@</span>
<input type="text" class="form-control" placeholder="Twitterhandle">
</div>
<br>
<div class="input-group input-group-sm">
<span class="input-group-addon">@@</span>
<input type="text" class="form-control" placeholder="Twitterhandle">
</div>
</form>
</div>
正常显示了

另外用下面2种方法也可以输出
@(new HtmlString("@"))
@(Html.Encode("@"))

本文介绍了一种在MVC框架下解决HTML代码中@符号导致的编译错误的方法,通过将@替换为@@或使用HtmlString和Html.Encode函数,成功解决了VS上的错误提示,使代码正常显示。
502

被折叠的 条评论
为什么被折叠?



