CSS webgrid MVC 中的样式

Question

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

的样式

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")));
            }
        }
    ),

Answer 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;
}

然后你可以添加这个class你的图像元素

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

CSS webgrid MVC 中的样式

CSS Style in webgrid MVC

html

css

asp.net-mvc-4

webgrid