uniapp踩坑之项目：uni-table垂直居中和水平居中

uni-table 中的水平居中uni-td align="center"，css里的属性vertical-align: middle

//html 水平居中
  <uni-table ref="table" :loading="loading" border stripe emptyText="暂无更多数据">
      <uni-tr>
          <uni-th :width="tdWidth/6" align="center">变量名</uni-th>
      </uni-tr>
        <uni-tr>
          <uni-td :width="tdWidth/6" align="center">{{ item.variableName }}</uni-td>
      </uni-tr>
  </uni-table>
  
//css
//垂直居中
 :v-deep .uni-table-td { 
     height: 100% !important;
     vertical-align: middle !important;
}

---

上一篇文章，

vue2+echarts：echarts在dialog弹框中不显示的解决方案_vue echart在a-modal上不显示-CSDN博客文章浏览阅读538次，点赞10次，收藏3次。vue2+echarts：echarts在dialog弹框中不显示的解决方案。重点是@open方法里使用$nextTick拿到最新的dom，在里面加载echarts_vue echart在a-modal上不显示https://blog.csdn.net/weixin_43928112/article/details/139662962