gpt4 book ai didi

html - 全宽输入追加搜索按钮

转载 作者:行者123 更新时间:2023-11-28 18:32:40 25 4
gpt4 key购买 nike

如何使这个搜索表单像下面的按钮一样全宽?

Example

<form class="form-search">
<div class="input-append">
<input type="text" class="input-small search-query">
<button type="submit" class="btn">Search</button>
</div>
</form>

最佳答案

完成

http://jsfiddle.net/MgcDU/6033/

使用这里的方法:

http://boulderinformationservices.wordpress.com/2011/02/02/input-field-and-submit-button-on-the-same-line-full-width/

<div class="container">
<div class="row">
<div style="width:100%;background-color:#d0d0d0;text-align:center;">Example of a Full row</div>
</div>
<div class="row">
<div class="span12 pull-right">
<form class="form-inline">
<button type="submit" class="btn" style="float:right;">Button</button>
<div style="overflow: hidden; padding-right: .3em;">
<input style="height:1.6em;width:100%" type="text" placeholder="full width minus button width" />
</div>
</form>
</div>
</div>
</div>

关于html - 全宽输入追加搜索按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13830105/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com