代码之家 › 专栏 › 技术社区 › Patrick Pirzer

如何根据字体大小设置HTML中输入标记的高度

css html

Patrick Pirzer · 技术社区 · 6 年前

我正在开发一个C程序,它使用HTML和CSS为Web应用程序生成输入掩码。

在其中一个蒙版上,我得到了一些输入标签,比如:

<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>

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

但当输入的类型为“文本”时,内容将垂直居中。

似乎我必须设置高度,但高度必须取决于字体大小-在我的示例中是12点。

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

此外,我还将完整的HTML文件上载到了Github存储库:

https://github.com/patrickpirzer/InputmaskHtml

事先谢谢!