Net Core:如何使用TagBuilder创建CSS?

时间:2019-07-02 23:47:06

标签: c# css .net asp.net-core .net-core

如何使用标签生成器CSS类?

我想将其合并到样式类中

img {
max-width: 100%;
max-height: 100%;
padding: 0px;
background-color:white;
}

TagBuilder image = new TagBuilder("img");

然后如何添加属性?

2 个答案:

答案 0 :(得分:1)

因此,我将在此处演示一个示例。我没有使用提供的样式或上下文,只是以两种不同的方式进行了示例。 在此处提供的示例中,我有两个自定义标签。enter image description here

我要添加以下样式规则。

<style>
    .black-div {
        height:40px;
        width: 40px;
        background-color: black;
    }
</style>

这是与先前提供的标签相对应的两个标签助手。

[HtmlTargetElement("div-with-class")]
public class ClassTagHelper : TagHelper
{
    public override void Process(TagHelperContext context, TagHelperOutput output)
    {
        output.TagName = "div";
        output.Attributes.SetAttribute("class", "black-div");
    }
}
[HtmlTargetElement("div-with-style")]
public class StyleTagHelper : TagHelper
{
    public override void Process(TagHelperContext context, TagHelperOutput output)
    {
        output.TagName = "div";
        output.Attributes.SetAttribute("style", "height:40px;width: 40px;background-color: black;");
    }
}

希望这会有所帮助!

答案 1 :(得分:1)

您可以将所有css样式放在根css文件的css类中。

<style>
.myImage {
    max-width: 100%;
    max-height: 100%;
    padding: 0px;
    background-color: white;
}
</style>

使用以下代码添加css类:

TagBuilder builder = new TagBuilder("img");
builder.AddCssClass("myImage");
builder.MergeAttribute("src", url);
builder.MergeAttribute("alt", "AltImage");