解决输入框和按钮不在同一行的问题

最新推荐文章于 2024-05-23 14:23:19 发布

Addr_21

最新推荐文章于 2024-05-23 14:23:19 发布

阅读量1.2w

点赞数 6

分类专栏：页面

本文链接：https://blog.csdn.net/zaojiao8820/article/details/77771247

版权

页面专栏收录该内容

3 篇文章 0 订阅

订阅专栏

利用float属性把页面对象向左或向右浮动：
宽度值可以多试几次，直到页面布局正常为止

 <div class="form-group">
      <input style="width:55%;float:left;" type="code" class="form-control" placeholder="验证码" id="code" name="code" onkeyup="value=value.replace(/[^\d]/g,'')" autocomplete="off" required="">
       <input style="width:40%;float:right;" type="button" id="btn_yzm" class="btn btn-primary" value="获取验证码" />
       <div class="clearfix"></div>
</div>