我有一个选择类型的 HTML 输入元素。元素的高度为 28px。在不使用 CSS 修改元素的情况下,内部文本在除 IE8 之外的所有浏览器中都会自动垂直对齐。在 IE8 中,选择的文本位于元素的左下角。
有谁知道如何垂直对齐 HTML 选择元素内的文本?
最佳答案
没有您的 html
很难确切地知道你在设计什么。听起来您正在使用类似 <input type="select" />
的东西但这实际上不是有效的 html。
但是,要垂直对齐中间的文本,您需要设置 line-height
与您的 height
相同.
所以在这种情况下,你需要设置 line-height: 28px;
匹配 height: 28px;
.
为您 html
我建议使用:
<input type="text" />
如果您正在寻找标准文本输入或
<select>
<option value="Test1">Test 1</option>
<option value="Test2">Test 2</option>
</select>
关于select - 垂直对齐 IE8 选择元素内的文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6819752/