vue一直自动换行问题解决

最新推荐文章于 2025-05-13 10:47:09 发布

唐僧爱吃唐僧肉

最新推荐文章于 2025-05-13 10:47:09 发布

阅读量2.1k

点赞数

CC 4.0 BY-SA版权

分类专栏：前端学习笔记文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/znevegiveup1/article/details/133032664

html换行主要是由于< div >标签引起的，而vue的一些前端组件本身就会自带< div >，比如el-input的标签拆分出来之后就形成了如下的内容
el-input标签拆分之后
因此之前我采用

<el-form-item prop="code" v-if="captchaOnOff">
    <el-input
      v-model="loginForm.code"
      auto-complete="off"
      placeholder="验证码"
      style="width: 63%">
    </el-input>
    <div class="login-code">
      <img :src="codeUrl" class="login-code-img"/>
    </div>
 </el-form-item>

这种采用比分比定义的方式会造成网页自动换行的问题出现，这里我采用elementui官网上提供的几种布局进行定义
，我的定义如下：