0

我很难水平对齐两个元素,这让我感到很愚蠢,我尝试过我曾经做过的事情,但没有一个起作用。

如何将提交按钮水平放置在文本字段旁边而不破坏任何内容?

小提琴

4

3 回答 3

0

您可以使用以下内容:

#searchField {
   width: 70%;
   float:left;   
}
#searchButton {
   width: 25%;
   float:right;   
}

可能不是最好的方法,但它有效。您可能还想添加一些填充,只是为了调整它。

于 2012-09-02T23:18:55.200 回答
0

检查这个小提琴http://jsfiddle.net/vv57k/3/

如果您确定您在哪里以及如何使用它,您可能必须以 px 为单位固定宽度。我添加了百分比

于 2012-09-03T05:22:01.950 回答
0

你可能想要这样的东西http://jsfiddle.net/vv57k/6/

要将它们内联放置,您必须将文本输入包装在另一个 div 中,data-inline 不适用于输入文本,因为它创建了一个容器(如 select ..)

于 2012-09-03T05:34:20.663 回答