0

我整天都在努力解决这个问题

我有一个用于我的表单的一些 jQuery 下拉列表的脚本，但是下拉列表中的文本在框中没有垂直居中。我已经为普通文本框设置了样式，padding-bottom以便文本位于中间，但我无法对 jQuery 框做同样的事情。我已经设法在实际的下拉列表中做到了，而不是您看到的选项。如果有人可以帮助使文本在框中垂直居中（而不是文本对齐中心），我将不胜感激。

http://fifamatchgenerator.com/dev/formtest/form1.php

我想我已经盯着它看太久了，对它视而不见……

ps dd.css 文件中可能有一些代码，这是我尝试过但失败的（大部分代码是脚本附带的默认代码）

4

1 回答 1

4

Get rid of your bottom padding, add a height and a line-height:

.ddlabel {
    height: 49px;
    line-height: 41px;
    padding-bottom: 0;
}

The key component here is the line-height. This is how you can adjust the vertical position of the text. You can adjust it to your liking. Setting the height isn't completely necessary, but it will keep the drop down part of the menu properly positioned (this could be solved in other ways). Using padding for this isn't really a good idea - the padding-bottom can actually just be removed (I left it there as a reminder).

于 2013-01-24T01:46:31.920 回答