Question

尝试水平对齐三个浮动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>

Answer 1

您的代码似乎正在运行，但这是另一种方法：

 <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

Answer 2

在主div中，添加一个包含单行和3个单元格的表格。将各个div放在每个单元格内。

水平对齐div

2 个答案: