html div 内部居中

原创于 2021-12-25 18:20:34 发布 · 354 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#html #elementui #vue.js

javascript 专栏收录该内容

4 篇文章

订阅专栏

首先div 中。text-aligh = 'center'。然后table中设置margin-left:auto;margin-right:auto

 <div style="height: 100%;width: 100%;text-align: center;">
          <el-form ref="dataForm" :rules="rules" :model="temp" label-position="left" label-width="70px" style="width: 300px; margin-left:auto;margin-right:auto;">

            <el-form-item label="类型">
              <el-input :disabled="true" value="入库单" />
            </el-form-item>

            <el-form-item label="日期" prop="AddDate">
              <el-date-picker v-model="temp.addDate" type="datetime" placeholder="Please pick a date" />
            </el-form-item>

            <el-form-item label="备注">
              <el-input v-model="temp.memo" :autosize="{ minRows: 2, maxRows: 4}" type="textarea" placeholder="Please input" />
            </el-form-item>
          </el-form>
        </div>
        <div style="float: right;width: 90%;">

          <el-button v-show="CreateInFormVisible" style="float: right;" type="primary" @click="CreateInForm()">
            生成入库单
          </el-button>
        </div>