CSS webgrid MVC 中的样式
CSS Style in webgrid MVC
我想在下面的代码中应用 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")));
}
}
),
您有多种解决方案
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 样式,但我找不到方法。我想为图像添加宽度 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")));
}
}
),
您有多种解决方案
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")));