css 中 header-align=“center“ 和 align=“center“的区别

<el-table-column width="160" align="center" header-align="center" property="" label="商品编码"> <template slot-scope="scope"> <el-select clearable filterable v-model.lazy="scope.row.goods_id" v-el-select-loadmore="loadMore" @filter-change="selectFilter" :popper-append-to-body="false" @visible-change="selectVisible"> <el-option v-for="goods in merchandiseNameData_.slice(0, range)" :key="goods.data" :label="goods.num" :value="goods.data"> </el-option> </el-select> </template> </el-table-column>最终展示数据不全

您可以通过设置 el-collapse 的 title 的样式来使标题居中。具体来说，您可以使用以下 CSS 样式： 复制 .el-collapse .el-collapse-item__header { text-align: center; } 这将使所有 el-collapse 面板的标题居中。如果您只想使特定面板的标题居中，您可以使用 collapse-item 的 name 属性和 slot-scope 来自定义标题样式。例如： 复制 <el-collapse> <el-collapse-item name="1" v-slot="{ title }"> <div style="text-align: center">{{ title }}</div> <!-- 其他内容 --> </el-collapse-item> </el-collapse> 在这个例子中，我们使用了 slot-scope 来自定义标题，并将其居中显示。 请显示完整 代码

.header-user-con { display: flex; height: 70px; align-items: center; }