CSS 使用 column-count 实现瀑布流出现内容分割的解决办法

.message-box {
    column-count: 2;
    column-gap: .8rem;
}
.message-list-item {
    display: block;
}

.message-list-item {
    page-break-inside: avoid;
}

.message-list-item {
    -webkit-column-break-inside: avoid;
}

.message-list-item {
    height: 100%;
    overflow: auto;
}