试图水平对齐三个浮动 div，出于某种原因，我从第二个和第三个 div 中得到了提升。试图让所有这三个内联。
有任何想法吗
<style type="text/css">
#main {
vertical-align: middle;
alignment-adjust: middle;
}
.floater {
float:left;
}
</style>
</head>
<body>
<div id="main">
<div class="floater"><select name="test"></select>
</div>
<div class="floater"><select name="test"></select>
</div>
<div class="floater"><select name="test"></select>
</div>
</div>
您的代码似乎正在运行，但这是另一种方法：
<style type="text/css">
.floater {
display:inline;
}
</style>
</head>
<body>
<div id="main">
<div class="floater"><select name="test"></select>
</div>
<div class="floater"><select name="test"></select>
</div>
<div class="floater"><select name="test"></select>
</div>
</div>
示例：JSFIDDLE
在您的主 div 中，添加一个包含单行和 3 个单元格的表格。将单个 div 放置在每个单元格内。