liAnran

博客园 首页 新随笔 联系 订阅 管理

做诸葛书的时候遇到一个问题,就是我插入的元素在端上设备分页被切断,显示很丑。

最后优秀的产品同学告诉我第一版用到一个神奇的属性,容器中途分割 | break-inside。

.actionDom{
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
}

break-inside CSS属性定义页,列或区域断裂的行为方式产生的箱内。如果没有生成的框,则忽略该属性。

参考文献:

容器中途分割

https://cloud.tencent.com/developer/section/1072070

posted on 2020-09-02 11:24  liAnran  阅读(206)  评论(0编辑  收藏  举报