html - 如何根据字体大小在 HTML 中设置输入标签的高度

Question

我正在开发一个 C# 程序，该程序使用 HTML 和 CSS 为网络应用程序生成输入掩码。

在其中一个面具上，我得到了一些像那个这样的输入标签:

<div class='CellOuter' style='top: 50pt; left: 30pt;'>
    <div class='CellInner TopLeft' style='height: 20pt; width: 45pt; background-color: #eeeeee; '>
        <input id='7219' type="text" name='P150_FELD_RB' style='width: 45pt; border: 0pt;  font-size: 12pt; font-style: normal; font-weight: normal; text-align: left;' maxlength='6' placeholder='-___,_' title='Please use format ###,#' pattern='^[+-]?\d{1,3}([.,]\d{1,1})?$'/>
    </div>
</div>

类属性中的“TopLeft”表示输入的内容应垂直放置在顶部，水平放置在左侧。

但是当输入的类型为“文本”时，内容显示为垂直居中。

看来我必须设置高度，但高度必须取决于字体大小——在我的示例中为 12 点。

如何根据生成 HTML 的 C# 程序中的字体大小获取高度？

此外，我将完整的 HTML 文件上传到 GitHub 存储库:

https://github.com/patrickpirzer/InputmaskHtml

提前致谢!

Answer 1

我找到了解决方案。在样式中，高度必须设置为“自动”。所以高度是自动设置的。