Javascript 无法在列表中正确浮动ListItem

Javascript 无法在列表中正确浮动ListItem,javascript,css,reactjs,material-ui,Javascript,Css,Reactjs,Material Ui,我有一个数组,其中包含需要在列表的ListItem中显示的对象。现在我想在“left”-“right”中显示数组对象中的这些列表项。奇数需要左移,偶数需要右移,但float:right不起作用。这是我的链接 我的代码出了什么问题?您可以使用此css代码反转您的div。如果div显示为flex flex-direction: row-reverse display:flex flex-direction: row-reverse 如果不显示为flex flex-direction: row-r

我有一个数组,其中包含需要在列表的ListItem中显示的对象。现在我想在“left”-“right”中显示数组对象中的这些列表项。奇数需要左移,偶数需要右移,但
float:right
不起作用。这是我的链接


我的代码出了什么问题?

您可以使用此css代码反转您的div。如果div显示为flex

flex-direction: row-reverse
display:flex
flex-direction: row-reverse
如果不显示为flex

flex-direction: row-reverse
display:flex
flex-direction: row-reverse
检查下面的示例

.block{
填充:10px;
利润率:10px;
背景:红色;
}
.不可反转{
显示器:flex;
}
.反面{
显示器:flex;
弯曲方向:行反向;
}

A.
B
C
A.
B
C

这是否回答了您的问题@对不起,我不清楚这个问题。你想把你的列表项目分成两列吗?@Lara,你的意思是这样吗?提供一个例子,使其成为一个有效的答案,并让未来的访问者更好地理解它