为什么我的CSS卡处于不同的位置高度

时间:2019-02-03 01:36:36

标签: css sass

我目前正在使用气象应用程序,我正试图弄清楚为什么我的卡的位置高度会有所不同。我假设这是因为每个摘要都有多少行,但是我该如何解决呢?谢谢。

#card__days {

    .card__daily {
        background-color: #fff;
        border-radius: 10px;
        height: 250px;
        width: 185px;
        text-align: center;
        display: inline-block;
        box-shadow: $shadow;
        margin: 0 5px;
        h2 {
            font-size: 2rem;
            padding-top: 10px;
            color: $weather-primary;
        }

        h3 {
            font-size: 1rem;
            padding: 10px 5px;
        }

        .icon {
            width: 150px;
        }
    }
}

Image of the cards

1 个答案:

答案 0 :(得分:0)

如何固定它是通过使一个显示器挠性并用拉伸对准它们。

#card__days {
    display: flex;
    justify-content: center;
    align-items: stretch;
}