在vue环境下,如何将两个表格内的元素对齐?-灵析社区

你没饰八

### 问题 如下所示,如何将框1和框2的元素对齐 ![image.png](https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20250103/d7e70c70181d67d38a1da5468acdc0aa.png) ### 具体环境和代码 我是使用ant-design-vue组件, 具体代码如下 #### html部分: 0"> changeSelectedDetailPurchaseIds(selectedDetailsPchPlanIds, detail)" > *所属项目 {{ detail.projectName }} *采购金额 {{ formatMoney(detail.purchaseMoneySum) }} *采购内容 *数量 *金额 品牌 规格型号 计量单位 单价 #### css部分: .my-table { flex: 1; width: 100%; border-collapse: collapse; } .label{ padding: 10px 15px; height: 40px; line-height: 40px; border: #cccccc solid 1px; border-radius: 5px; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15); }

阅读量:260

点赞量:15

问AI
我只爱钱
使用"colgroup" (https://link.segmentfault.com/?enc=rEL5fI0kjaAlRpVRrBsHFw%3D%3D.LVE8AUYBBsQfHs66vWKPkfpNGi%2FB1v5ZfSTMiL36U1hyEGZ7FcOjmKQ0WYfiKvvmtLrp%2FKVqjtkQ2wFvru3w4zkBusSrM43p4Ro48zghoWo%3D)指定一下每列的宽度,示例如下: 所属项目 采购金额 采购内容 数量 金额 品牌 规格型号 计量单位 单价