当前位置: 代码迷 >> 综合 >> 如何让div 中的 table 水平居中 之 margin:auto
  详细解决方案

如何让div 中的 table 水平居中 之 margin:auto

热度:70   发布时间:2024-01-13 02:24:05.0

问题描述:让div 盒子中的内容水平居中的方法是 :设置样式 text-align:center  ,但是对于里面的table 

问题解决:给table 设置属性 margin:auto

部分代码如下:

<div class="tablebox"><span>el-table 练习</span><!-- :header-cell-style="{ background: '#eee' }" --><el-form ref="addFormRef" :model="addRecordForm" :rules="addRecordForm.rules"><el-table :data="addRecordForm.tableData" style="width: 100%" :header-cell-style="rowCellClass" header-align="center" class="mytable"><el-table-column type="index" width="50" label="序号" align="center"> </el-table-column>
............................》》》》》》》》》》》》》
.tablebox {width: 100%;height: 100vh;text-align: center;padding: 50px;.el-table {margin: auto;width: 60% !important;margin-top: 20px;}
}

 

  相关解决方案