标签：el style flex 一行 wrap col row

问题：学院自动到第二行，不靠左开始放置

 解决方法：

使用justify，在el-row上添加style=“flex-wrap: wrap; flex-direction: row” 就可以啦

  <el-form :inline="true" label-width="100px" class="demo-form-inline">
//在el-row上添加style=“flex-wrap: wrap; flex-direction: row”
            <el-row type="flex" justify="end" style="flex-wrap:wrap; flex-direction: row">
              <el-col :xs="{span: 24}" :sm="{span: 12}" :md="{span: 12}" :lg="{span: 8}" :xl="{span: 8}">
                <el-form-item label="收费年度:">
                  <el-date-picker
                    v-model="listQuery.schoolYear"
                    type="year"
                    value-format="yyyy"
                    placeholder="选择收费年度"
                    style="width:95%;"

效果图如下：

标签：el,style,flex,一行,wrap,col,row
来源： https://www.cnblogs.com/fengziyi/p/16527811.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。