html。文本输入剪切第一个字符“j”答案

【问题标题】：Html. Text input cuts first character "j"html。文本输入剪切第一个字符“j”
【发布时间】：2017-02-25 17:33:16
【问题描述】：

我有一个text input：

<input type="text" name="test1" value="jj" style="padding:0px;font-size:70px; font-family: 'Times New Roman'">

但第一个“j”字符在Times New Roman font-family 中不完全可见。可能是什么问题？

编辑

在我的情况下，padding-left 没有帮助。我加了padding-left:30px，结果是：

【问题讨论】：

这就是字体的工作原理。使用前导字体，每个字符都被定位在一个块上。数字类型也是如此。 j 的尾部只想低于前一个字形。它就是这样设计的。所以 j 的尾部有一个负的 x 坐标。打你的字体，只需在输入中添加一些填充。

【解决方案1】：

你为什么不添加一些填充：

<input type="text" name="test1" value="jj" style="padding:5px;font-size:70px; font-family: 'Times New Roman'">

【讨论】：

【解决方案2】：

是的，填充应该可以解决问题，但我认为可以更具体地执行 padding-left 并测试所需布局的值。

例如，还有 10px 的内边距。

&lt;input type="text" name="test1" value="jj" style="padding-left:10px;font-size:70px; font-family: 'Times New Roman'"&gt;

【讨论】：