我正在寻找一个包含两个元素的全宽表单:
___________________________________
| Text-Input | Button |
‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾
尽管窗口(移动视口)的大小未知,但按钮应具有固定的宽度。
到目前为止,我已经在输入和浮动http://dabblet.com/gist/2714788的包装器方面取得了一些进展(虽然在html中我必须将按钮放在输入之前)。有没有更好的方法?
发布于 2012-05-17 00:17:15
<form>
<input placeholder="This is not easy...">
<button>Submit</button>
</form>
尝试将此代码用于表单,并将此样式用于输入
input { width:80%; float:left; }
这个是按钮用的
button { width:19%; float:left; }
使用此代码,将会起作用。
https://stackoverflow.com/questions/10627855
复制相似问题