转换期间列表元素之间的未知间隙
Unknown gap between list elements during transition
我正在使用 react-transition-group 为 li 元素的高度设置动画,在中间元素过渡之前,两个元素之间形成了一个讨厌的间隙。这不可能是边距是什么导致了这个间隙我怎样才能摆脱它? https://codesandbox.io/s/mui-sandbox-forked-m1t7l
由 .MuiListItem-root
上的 padding
引起。
即使是空的 <li class="MuiListItem-root ...">
目前也应用了以下规则:
padding-top: 8px;
padding-bottom: 8px;
去掉那些样式,差距就会消失。
我正在使用 react-transition-group 为 li 元素的高度设置动画,在中间元素过渡之前,两个元素之间形成了一个讨厌的间隙。这不可能是边距是什么导致了这个间隙我怎样才能摆脱它? https://codesandbox.io/s/mui-sandbox-forked-m1t7l
由 .MuiListItem-root
上的 padding
引起。
即使是空的 <li class="MuiListItem-root ...">
目前也应用了以下规则:
padding-top: 8px;
padding-bottom: 8px;
去掉那些样式,差距就会消失。