我没有在互联网上找到关于如何在HTML 选择中垂直对齐文本的任何解释.我不想将文本对齐,<option></option>因为这并不难.我想对齐在中选择的文本<select></select>.
我查看了Firefox,Opera,Chrome和Internet Explorer等浏览器,默认情况下,文本只能在Opera和Chrome中正确居中.在Firefox中,它将是最重要的,在Internet Explorer中它将走向最低点.
如何在所有浏览器中以相同的方式工作？
小智 0
是的，垂直居中对齐:-)
例子
如果选项中有类似“dog、cat、tiger”的文本，并且第一个选项选择“dog”，但 <select> 的高度设置为 34 像素，但字体大小类似于 12 像素，因此您会看到文本比 <select> 小得多，这就是为什么它将在一个浏览器中对齐到顶部，在另一个浏览器中对齐到底部，而在另一个浏览器中它将对齐到中间。我希望文本在所有浏览器中垂直中间对齐。
这是显示问题的简单代码
<html>
<body>
<style>
.select{
height:34px;
font-size:12px;
}
</style>
<select class="select">
<option>dog</option>
<option>cat</option>
<option>tiger</option>
</select>
</body>
</html>