###根據螢幕寬設定css

//螢幕寬在320px以下用該樣式
@media screen and (max-width: 320px) {
    .bottom_content {
        font-size: 10px;
    }
}
//螢幕寬在320px以上用該樣式
@media screen and (min-width: 321px) {
    .bottom_content {
        font-size: 18px;
    }
}

###將一個div的內容在一行對齊，給div設定下面的樣式

display: flex;

###字數多時顯示…

display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;