[CSS]一行文字超出部分隐藏+图片居中

 

来自酱酱。做个记录。

 

.book_item > div
{
    white-space: nowrap;          /* 不换行 */
    overflow: hidden;
    text-overflow: ellipsis;      /* 超出部分隐藏方式：省略号 */
}

.book_item > div:nth-child(1)
{
    display: flex;
    align-items: center;
    height: 240px;
}