我很难水平对齐两个元素,这让我感到很愚蠢,我尝试过我曾经做过的事情,但没有一个起作用。
如何将提交按钮水平放置在文本字段旁边而不破坏任何内容?
您可以使用以下内容:
#searchField {
width: 70%;
float:left;
}
#searchButton {
width: 25%;
float:right;
}
可能不是最好的方法,但它有效。您可能还想添加一些填充,只是为了调整它。
检查这个小提琴http://jsfiddle.net/vv57k/3/
如果您确定您在哪里以及如何使用它,您可能必须以 px 为单位固定宽度。我添加了百分比
你可能想要这样的东西http://jsfiddle.net/vv57k/6/
要将它们内联放置,您必须将文本输入包装在另一个 div 中,data-inline 不适用于输入文本,因为它创建了一个容器(如 select ..)