# css场景题
在业务开发中遇到的一些值得探究的样式问题，记录下来，方便以后查阅。

# 金额卡片: 单位和金额使用flex的baseline对齐，但是单位在金额的下方，如何调整
解决方案：放弃直接使用flex的baseline对齐
-- 单位和金额的行高和font-size保持一致
-- 使用flex-end结合margin-bottom实现

# 权益卡片：有限空间内，主副标题长度不确定且无法限制，如何保证上下边距不变，且内容显示完整
解决方案：使用flex布局 + 高度由内容撑开方式
-- flex布局可以使同行的卡片高度保持一致