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

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

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

webgrid MVC中的CSS样式

1 个答案: