IE 和 chrome 的 line-height 工作方式不同答案

【问题标题】：line-height working diffeerently for IE and chromeIE 和 chrome 的 line-height 工作方式不同
【发布时间】：2013-09-11 16:19:44
【问题描述】：

当我在输入中输入文本时，文本光标在 chrome 中的工作方式不同。对于 IE，它与文本一起出现在中心，但对于 chrome，即使我的字体大小为 16px，它也会占用整个文本框的高度。当我减小行高时，文本在 IE 中从顶部开始。以下是我正在使用的 css：

   .mainContent .searchBox .searchField .text
{float: left;width:507px ;height: 67px;
border:none;font-size: 16px;
font-family: verdana;color: #3F454F;
line-height: 4;}

【问题讨论】：

4 的值甚至不应该被接受。它必须是4px。为什么你的 line-height 比你的 font size 小这么多？
@Jeffman - line-height:4 有效。这意味着字体大小的 4 倍，而不是 4px。

标签： html google-chrome css

【解决方案1】：

确保您的文档类型已正确声明（如果已声明）。

如果没有正确选择文档类型，IE 会出现问题。

【讨论】：