【问题标题】:Unknown gap between list elements during transition转换期间列表元素之间的未知间隙
【发布时间】:2021-09-24 21:24:43
【问题描述】:

我正在使用 react-transition-group 为 li 元素的高度设置动画,在中间元素过渡之前,两个元素之间形成了一个令人讨厌的间隙。它不可能是边距是什么导致了这个差距以及如何我可以摆脱它吗? https://codesandbox.io/s/mui-sandbox-forked-m1t7l

【问题讨论】:

    标签: html css react-transition-group


    【解决方案1】:

    这是由.MuiListItem-root 上的padding 引起的。

    即使是空的<li class="MuiListItem-root ...">s 目前也适用以下规则:

    padding-top: 8px;
    padding-bottom: 8px;
    

    只要去掉那些样式,差距就会消失。

    【讨论】:

    • 是的 :) 以为我尝试过归零,但显然没有
    猜你喜欢
    • 1970-01-01
    • 2011-12-01
    • 1970-01-01
    • 2016-09-30
    • 2018-07-14
    • 1970-01-01
    • 2020-08-17
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多