Webgrid MVC 中的 CSS 样式

【问题标题】：CSS Style in webgrid MVCWebgrid MVC 中的 CSS 样式
【发布时间】：2015-09-15 12:22:47
【问题描述】：

我想在下面的代码中应用 CSS 样式，但我找不到方法。我想为图像添加样式，宽度为 50 像素，高度为 50 像素

grid.Column(format:(item) =>
    {
            if (File.Exists(Server.MapPath("~/Content/BrandImages/" + item.BrandImage)))
            {
                return Html.Raw(string.Format("<text><img src=\"{0}\" alt=\"Image\"/></text>", @Url.Content("~/Content/BrandImages/" + item.BrandImage)));
            }
            else
            {
                return Html.Raw(string.Format("<text><img src=\"{0}\" alt=\"Image\"/></text>", Url.Content("~/Content/BrandImages/noimage.jpg")));
            }
        }
    ),

【问题讨论】：

标签： html css asp.net-mvc-4 webgrid

【解决方案1】：

您有多种解决方案

1-你可以为你的 img 元素添加内联宽度和高度属性

  return Html.Raw(string.Format("<text><img style=\"width:50px; height:50px;\" src=\"{0}\" alt=\"Image\"/></text>", @Url.Content("~/Content/BrandImages/" + item.BrandImage)));

2- 在您的全局样式表中，您可以定义新样式，如下所示

.myImageClass{
    width:50;
    height:50px;
}

然后您可以将此类添加到您的图像元素中

return Html.Raw(string.Format("<text><img class=\"myImageClass\" src=\"{0}\" alt=\"Image\"/></text>", Url.Content("~/Content/BrandImages/noimage.jpg")));

【讨论】：