<el-table-column文字居中

<el-table-column>元素可以通过在其上添加align='center'属性来使表格列中的文本居中。例如：<el-table-column label="姓名" prop="realname" align="center"></el-table-column>。这样做可以确保该列中的文本内容在水平方向上居中对齐。

相关问题

在<el-table-column prop="marketName" label="所属市场" ></el-table-column>中写居中语句

在`<el-table-column>`中写居中语句可以通过设置`align`属性来实现。将`align`属性的值设置为`center`即可将内容居中显示。具体代码如下所示：

<el-table-column prop="marketName" label="所属市场" :align="'center'"></el-table-column>

这样设置后，`<el-table-column>`中的内容将在表格中居中显示。

将lable字居中：<el-table-column label="药品名称"> <template slot-scope="scope"> <div class="shangpin"> <el-image style="width: 100px; height: 100px" :src="baseUrl + scope.row.picture" fit="fill"></el-image> <span style="margin-left: 10px">{{ scope.row.goodname }}</span> </div> </template> </el-table-column>

你可以使用CSS来将label文字居中，如下所示：

<el-table-column label="药品名称" class="centered-label">
  <template slot-scope="scope">
    <div class="shangpin">
      <el-image style="width: 100px; height: 100px" :src="baseUrl + scope.row.picture" fit="fill"></el-image>
      <span style="margin-left: 10px">{{ scope.row.goodname }}</span>
    </div>
  </template>
</el-table-column>

<style>
  .centered-label .cell {
    text-align: center;
  }
</style>

在el-table-column添加一个class为"centered-label"，然后使用CSS将其中的.cell元素居中，这样就可以将label文字居中了。