css - ASP.NET MVC Razor 和 css block

标签 css asp.net-mvc razor

我希望在我的 css 样式 block 中有一些灵 active ,所以我决定注入(inject)一些服务器端代码,f.e.

#defaultGameContainer {
            position: relative;
            width: @(SiteConfig.Instance.Game.Width + "px");
            height: 600px;
            top: 100px;
            left: 50%;
            margin-left: -480px;
        }

但它似乎不起作用,我在 VS 中遇到错误,如“意外字符序列...” 我们是否仅限于在 css 中使用 Razor 语法? 谢谢。

最佳答案

实际上,您可以按照以下说明为特定的 .cshtml View 添加自定义 CSS block :

首先,在 .cshtml 中定义查看您的自定义 CSS block

@section CustomCSS{ 
<style>
    #floorsList > tbody > tr > td {
        vertical-align: middle
    }
</style>
}

然后,您需要将此 CustomCSS 部分 嵌入到 _layout.cshtml 文件中:

<!DOCTYPE html>
<html>
 <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>@ViewBag.Title - Your Application</title>
    @Styles.Render("~/Content/css")
    @Scripts.Render("~/bundles/modernizr")
    @RenderSection("Styles", false)
    <!--Consider the following line -->
    @RenderSection("CustomCSS", required: false)
 </head>
 <body>
 </body>
</html>

关于css - ASP.NET MVC Razor 和 css block ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19356194/

相关文章:

html - transform3d 修改后不变

javascript - Wordpress 中的下拉菜单

asp.net-mvc - ASP.NET MVC3 AntiForgeryToken

asp.net-mvc - 为什么类属性在 Web API 中不起作用?

asp.net-mvc - 当用户单击主视图上的按钮时,如何显示附加的部分 View ?

html - 垂直对齐 100% 宽度图像顶部的两列布局

jquery - 如何在 Visual Studio 中通过 Nuget 获取最新的 jQuery 1.x?

asp.net-mvc-3 - MVC 如何使用 List Items POST 操作方法传递对象列表

asp.net-mvc-4 - 从 mvc razor 页面的页面内容中删除 

javascript - 如何在运行时调整 Ionic 4 IonContent 的高度