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

Question

我正在尝试动态构建样式表（基于某些业务规则）长话短说它主要工作，除了有一个我无法设置最小高度的 css 标签。我可以达到高度，但不能达到最低高度。都是有效的 CSS 值

IE

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以处理您的新属性。
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; }

Answer 2

Style 类不包含名为 的属性Min-Height。签出MSDN链接，因此您无法添加。