c# - asp.net 动态样式缺少最小高度

Question

我正在尝试动态构建一个样式表(基于某些业务规则)长话短说，它大部分都有效，除了有一个 css 标记我无法设置最小高度。我可以达到高度，但不能达到最小高度。都是有效的 css 值

即

string h = "105mm";
Style dynamicClassStyle = new Style();
dynamicClassStyle.Height = new Unit(h);
Page.Header.StyleSheet.CreateStyleRule(dynamicClassStyle, null, ".make-display");

这样可以正确显示高度标签，但我真正需要的是最小高度。我希望能够去

dynamicClassStyle.Min-Height = new Unit(h);

为了得到这个

.make-display {
  min-height:90mm;
}

Answer 1

你需要

1. 继承自Style ,
2. 添加一个MinHeight属性和
3. 覆盖FillStyleAttributes处理您的新属性(property)。
4. 然后您可以在自己的代码中使用这个新的(最小高度感知)MinHeightStyle(而不是 Style)的实例。

新类:

using System.Web.UI;
using System.Web.UI.WebControls;

public class MinHeightStyle : Style
{
    public Unit MinHeight
    {
        get
        {
            var minHeight = this.ViewState["MinHeight"];

            if (minHeight != null)
            {
                return (Unit)minHeight;
            }

            return Unit.Empty;
        }

        set
        {
            this.ViewState["MinHeight"] = value;
        }
    }

    protected override void FillStyleAttributes(CssStyleCollection attributes, IUrlResolutionService urlResolver)
    {
        base.FillStyleAttributes(attributes, urlResolver);

        if (!this.MinHeight.IsEmpty)
        {
            attributes.Add("min-height", this.MinHeight.ToString());
        }
    }
}

还有你的新代码:

string h = "105mm";
MinHeightStyle dynamicClassStyle = new MinHeightStyle();
dynamicClassStyle.Height = new Unit(h);
dynamicClassStyle.MinHeight = new Unit(h);
Page.Header.StyleSheet.CreateStyleRule(dynamicClassStyle, null, ".make-display");

呈现以下内容:

.make-display { min-height:105mm;height:105mm; }