a-row gutter=8 a-col span=10span style=color blue 处方明细： 共 cfMxlength 条处方总金额 cfTotal 元 spana-cola-row如何使span整个处于a-col的最底部
您可以使用flex布局将<span>元素放在<a-col>的底部。在<a-col>上添加display: flex; flex-direction: column; justify-content: flex-end;样式。这将使<a-col>的内容在垂直方向上向底部对齐。请参考下面的代码示例：
<a-row :gutter="8">
<a-col :span="10" style="display: flex; flex-direction: column; justify-content: flex-end;">
<span style="color: blue">
处方明细： 共{{ cfMx.length }}条，处方总金额{{ cfTotal }}元
</span>
</a-col>
</a-row>
通过将<a-col>的样式设置为display: flex; flex-direction: column; justify-content: flex-end;，<span>元素将被垂直拉伸并放置在<a-col>的底部
原文地址: http://www.cveoy.top/t/topic/iSF4 著作权归作者所有。请勿转载和采集!