【发布时间】:2021-09-24 21:24:43
【问题描述】:
我正在使用 react-transition-group 为 li 元素的高度设置动画,在中间元素过渡之前,两个元素之间形成了一个令人讨厌的间隙。它不可能是边距是什么导致了这个差距以及如何我可以摆脱它吗? https://codesandbox.io/s/mui-sandbox-forked-m1t7l
【问题讨论】:
标签: html css react-transition-group
我正在使用 react-transition-group 为 li 元素的高度设置动画,在中间元素过渡之前,两个元素之间形成了一个令人讨厌的间隙。它不可能是边距是什么导致了这个差距以及如何我可以摆脱它吗? https://codesandbox.io/s/mui-sandbox-forked-m1t7l
【问题讨论】:
标签: html css react-transition-group
这是由.MuiListItem-root 上的padding 引起的。
即使是空的<li class="MuiListItem-root ...">s 目前也适用以下规则:
padding-top: 8px;
padding-bottom: 8px;
只要去掉那些样式,差距就会消失。
【讨论】: