使用 Razor 分配按钮宽度值答案

【问题标题】：Assigning a button width value using Razor使用 Razor 分配按钮宽度值
【发布时间】：2014-01-19 09:01:13
【问题描述】：

如何使用 Razor 为按钮分配宽度。我有这个：

<asp:Button ID="btnGoTo" runat="server" Text="<%= ButtonText %>" class="button" Width="<% (int)ButtonWidth %>px" />

但自然不行。

有没有办法使用 Razor 设置按钮宽度？

【问题讨论】：

这是 Razor 吗？它看起来像 plain ASP.NET WebForms！所以答案是：是的，使用 Razor 是可能的。不，您不能在带有 ASP.NET 的 runat=server 控件中使用服务器端标签（但您可以通过代码、普通属性 (style=...) 或更好的 CSS 来实现。
Razor（顺便说一句，这不是您在此代码中使用的）是服务器端代码的语法。 HTML 元素宽度是客户端的样式问题。您应该使用 CSS 设置元素的宽度，而不是使用服务器端代码。
啊是的 - 不应该在深夜发帖。虽然被降价是苛刻的。祝这样做的人圣诞快乐！

【解决方案1】：

这不是 Razor，但无论如何......

在 Visual Studio 解决方案资源管理器窗口中，进入 Content-Folder 打开 Site.css - 在文件末尾添加：

.button {
    width: 180px;
}

为了获得更好的响应式网站效果，您还可以使用 width: 27em;或宽度：27rem；（作为rem相对较新的离开宽度：180px；在前一行作为后备）

【讨论】：