垂直对齐

Question

嗨，伙计们，希望你们做得很好。所以，我有问题的CSS，我真的不明白它，但我把麝香超越我的极限，使它的工作。

所以我有这4张卡。

所以，如果你能看到子值和日期没有垂直对齐（例如在第一张卡中，M和2不在彼此之下），我想的是在右边垂直对齐它们。

code.js:

<div className={styles.card}>
            <div className={styles.title}>
            {title}
            </div>
            <div className={styles.valueAndUnit}>
            <div className={styles.value}>
            {value}
            </div>
            <div className={styles.unit}>
            {unit}
            </div>
            </div>
            <div className={styles.subValue}>
            {subValue}
            </div>
            <div className={styles.date}>
            {date}
            </div>
        </div>

css代码。

.subValue {
    text-align: right;
    margin-right: 10px;
    min-height:25px;

}


.date {
    min-height:25px;
    color:lightslategrey;
    text-align: right;    

}

希望你们能帮忙

Answer 1

只是做在你的类这样的。

.subValue {
    text-align: right;
    min-height:25px;
}