根据屏幕宽设置css、将一个div的内容在一行对齐、字数多时显示...

根据屏幕宽设置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;
align-items: center;//垂直居中
justify-content: center;//水平居中

字数多时显示…

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