解决输入框和验证码图片不在同一行的问题

Java从放弃到入门

于 2020-04-04 20:51:26 发布

阅读量2.4k

点赞数 2

文章标签： html css

原文链接：https://blog.youkuaiyun.com/zaojiao8820/article/details/77771247

版权

利用float属性(style=“width:60%;float:left;”)把页面对象向左或向右浮动：
宽度值可以多试几次，直到页面布局正常为止

<div class="layui-input-block" style="margin: auto;">
   <input style="width:60%;float:left;"  name="vcode" type="text" required lay-verify="required" placeholder="请输入验证码" autocomplete="off"  class="layui-input" >
   <img style="width:35%;float:right;" title="点击图片切换验证码" id="vcodeImg" src="get_cpacha?vl=4&w=160&h=40" >
</div>