el-input長度的設置

直接設置寬度大小,不具響應式

問題?

  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;
      成功,但是,這只是相對於我這個顯示屏來說,如果換一個不一樣尺寸的呢
 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章