deyuzhi
is_thinking
2015-07-24 14:19
采纳率: 86%
浏览 41.2k

请问如何设置将input和button在同一行显示

   <input  type="captcha" v-on="blur:captchaCheck" class="form-control flat" placeholder="手机验证码" style="width:160px;"> <button v-on="click:onSubmit" class="get-captcha_button">获取手机验证码</button>       

图片说明
这样不好看,如何设置包button放到input后面。请各位老师指点,谢谢。

  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 邀请回答

11条回答 默认 最新

  • showbo
    已采纳

    是不是get-captcha_button这个样式设置display为block了?改成下面的试试

     <input type="captcha" v-on="blur:captchaCheck" class="form-control flat" placeholder="手机验证码" style="width:160px;display:inline;"> <button v-on="click:onSubmit" class="get-captcha_button" style="display:inline">获取手机验证码</button>
    
    点赞 评论
  • strutce
    丵鹰 2015-07-24 14:44

    获取手机验证码

    外围加个

    点赞 评论
  • devmiao
    devmiao 2015-07-24 15:28

    是不是密码框太长了。这个要看你的css才能确定。

    点赞 评论
  • Evankaka
    Evankaka 2015-07-24 15:49
    点赞 评论
  • suzunshou
    苏遵守 2015-07-24 17:03

    改为

    获取手机验证码

    点赞 评论
  • suzunshou
    苏遵守 2015-07-24 17:05
     给input框添加 float:left
    
    点赞 评论
  • tongyi55555
    JonsonJiao 2015-07-25 02:28

    CSS的问题,你可以在Chrome或者Firefox中F12开启调试模式,看看你那个“获取验证码”的CSS是什么,肯定是超过了上一行的宽度造成了自动换行。

    点赞 评论
  • deyuzhi
    is_thinking 2015-07-26 02:31

    图片说明

     <input v-model="user.sms" id="sms" type="sms" v-on="blur:smsCheck" class="form-control flat" placeholder="手机验证码" style="width:160px; display:inline" >
    
     <input type="button" v-on="click:getSms" id="btnsms" value="获取短信验证码" class="get-sms-button" style="display:inline">
    
    
    点赞 评论
  • coconutyun
    coconutyun 2015-09-18 09:09

    直接这样写

    获取手机验证码

    
    

    不用再加其他样式
    就是在一排了

    点赞 评论
  • coconutyun
    coconutyun 2015-09-18 09:09

    直接这样写

    获取手机验证码
    不用再加其他样式
    就是在一排了

    点赞 评论
  • bigtreei
    bigtreei 2018-03-26 06:14
    把要放一行的内容放这
    点赞 评论

相关推荐