小编Jou*_*ney的帖子

在没有硬编码行高或字体大小的情况下,如何在纯CSS中将div的高度表示为其行高的倍数？

背景

我有一个包含状态文本的框(DIV).文本有时会跨越多行,通常只需要一行.状态每秒更新几(5)次,这会导致底部边框和框下方的所有内容在框中更改大小以适合其内容时"上下"跳跃.

跳跃的一个解决方案是将DIV的最小高度设置为两条线的高度.具有两行以上的状态文本很少,因此可以接受跳跃程度.

或者,我可以将高度设置为两行的确切高度并使用overflow:hide来截断文本.这将以牺牲一些信息为代价消除所有跳跃.

提出了一个问题:如何将高度表示为线高的倍数？状态文本从全局样式表继承其外观,并且不知道字体大小,族,行高或任何内容.

半解

我可以使用em单位表示高度,而不知道有关字体的任何信息,但仍然留下行高度属性,这也影响最终的行高.

理想情况下,我宁愿继承行高,但如果我将它覆盖到已知的乘数,那么我可以强制该行恰好变成两行高.

.progressStatus
{
    line-height: 1.1;
    height: 2.2em;
}

这个解决方案足以满足我的需求,但我很好奇是否有一个更好的解决方案,不涉及javascript.

我正在使用ServerManager类(来自Microsoft.Web.Administration)在运行IIS 7的服务器上创建应用程序.我想配置应用程序是否在应用程序基础上使用匿名身份验证或Windows身份验证,因此我不能简单地要求IT更改根站点上的设置.该应用程序的内容属于第三方,因此我不允许更改应用程序内的web.config文件.

Application类没有公开任何有用的属性,但也许我可以使用ServerManager的GetApplicationHostConfiguration方法完成某些事情？