直接设置宽度大小,不具响应式

问题?

  1. 先设置label-width,设置的是你的el-form-item label所占宽度,如下方

 <div class="search">

        <el-form :inline="true" :model="applyRecord" class="demo-form-inline" ref="refname" label-width="120px">

     <el-form-item label="申请记录名称: " 

......

     2.再设置el-input的宽度,设置的是你的el-input,如下方

<style> 

  .search {

    .el-input {

      width: 120px;

    }

}

......

 

让表单form在整个页面居中

整个页面就一个表单,很简单
我用过的方法:
1、在外面套一层<div style="width:100%;text-align:center"></div>
      但是只能水平居中,不能垂直居中
2、在外面套一层</center>
      同上
3、margin:300px;
      成功,但是,这只是相对于我这个显示屏来说,如果换一个不一样尺寸的呢
 

Logo

基于 Vue 的企业级 UI 组件库和中后台系统解决方案,为数万开发者服务。

更多推荐