html - 网页上元素的对齐方式

Question

我在网页上制作了一个菜单，但似乎无法让元素正确排列。我有两个按钮和两个下拉菜单，图片附在下面。

在此处输入图像描述

我可以做什么样的 CSS 样式来使下拉菜单与“Go”按钮水平对齐？我尝试调整两个元素的底部和顶部边距，但这似乎不是我想要的。

这是两个元素的当前 CSS：

select.small {   //<- drop downs
    width: 120px; 
    margin-bottom: 0px; 
}

button.small{  //<- buttons
    margin-bottom: 0px;
}

任何输入都将不胜感激，因为我对此很陌生。

score 1 · Accepted Answer

1

将position按钮设置为relative并添加：

top: 5px;

或任何需要的东西。

于 2012-05-21T20:44:22.027 回答

score 0 · Accepted Answer

0

您应该vertical-align: middle;先尝试，但这取决于您的 HTML。

于 2012-05-21T20:50:52.207 回答

score 0 · Accepted Answer

您可以使用没有边框的表格并将这些元素存储在表格数据中。还可以在其中使用填充样式以使其看起来舒适。

3 回答 3