Fatal编程技术网
  • javascript/
  • Javascript React native flexbox：均匀分布项目

Javascript React native flexbox：均匀分布项目

javascript css reactjs react-native

Javascript React native flexbox：均匀分布项目,javascript,css,reactjs,react-native,flexbox,Javascript,Css,Reactjs,React Native,Flexbox,我创建了这个简单的React本机演示，它将圣诞老人图像添加/删除到Flexbox 当有3个以上的圣诞老人时，布局倾向于向左移动。我只是想知道，什么样的行为和如何把圣诞老人放在Frasbox的中间，就像时间一样，正好有三个圣诞老人。 < P>你可以这样做，如果你不想让你第一个圣诞老人从中心开始。 您需要添加width并使用左右两侧的margin:auto将其平衡到中心 若你们不想让第一个圣诞老人从中心出发，你们可以这样做 您需要添加width并使用左右两侧的margin:auto将其平衡到中心

我创建了这个简单的React本机演示，它将圣诞老人图像添加/删除到Flexbox

当有3个以上的圣诞老人时，布局倾向于向左移动。我只是想知道，什么样的行为和如何把圣诞老人放在Frasbox的中间，就像时间一样，正好有三个圣诞老人。

< P>你可以这样做，如果你不想让你第一个圣诞老人从中心开始。 您需要添加
width
并使用左右两侧的
margin:auto
将其平衡到中心

若你们不想让第一个圣诞老人从中心出发，你们可以这样做 您需要添加
width
并使用左右两侧的
margin:auto
将其平衡到中心

一些可运行代码？@AftabKhan如果你点击“圣诞老人之束”链接，你会看到代码。不久前，它是一个坏链接一些可运行代码？@AftabKhan如果你点击“圣诞老人之束”链接，你会看到代码。不久前，它是一个坏链接谢谢！我在想Flexbox提供了一种处理这种情况的方法。固定容器的宽度感觉不到“flexboxish”，但解决方案是正确的。谢谢！我在想Flexbox提供了一种处理这种情况的方法。固定容器的宽度感觉不到“flexboxish”，但解决方案是正确的。