Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/22.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 材质UI网格：在较宽屏幕上的按钮之间需要空间_Javascript_Reactjs_Material Ui_Grid Layout - Fatal编程技术网
Fatal编程技术网
  • javascript/
  • Javascript 材质UI网格：在较宽屏幕上的按钮之间需要空间

Javascript 材质UI网格：在较宽屏幕上的按钮之间需要空间

javascript reactjs material-ui

Javascript 材质UI网格：在较宽屏幕上的按钮之间需要空间,javascript,reactjs,material-ui,grid-layout,Javascript,Reactjs,Material Ui,Grid Layout,我有一个非常简单的布局，我需要有两个按钮并排在大屏幕上。然而，我需要它们之间有大约10px，添加一个边距不幸地将按钮推到了一边。我认为添加justify='space-between可以解决这个问题，但它没有任何作用 这就是我的代码的样子： constmycomponent=（）=>( 左侧按钮 右侧按钮 ) 结果是这样的： 无论如何，我如何在它们之间添加大约10px，而不让它们也被推下10px？您可以在父容器上设置间距道具： 这将在所有子元素之间添加间距。尽管它以8px的倍数应用间距。因

我有一个非常简单的布局，我需要有两个按钮并排在大屏幕上。然而，我需要它们之间有大约10px，添加一个边距不幸地将按钮推到了一边。我认为添加
justify='space-between
可以解决这个问题，但它没有任何作用

这就是我的代码的样子：

constmycomponent=（）=>(
左侧按钮
右侧按钮
)
结果是这样的：

无论如何，我如何在它们之间添加大约10px，而不让它们也被推下10px？

您可以在父容器上设置间距道具：

这将在所有子元素之间添加间距。尽管它以8px的倍数应用间距。因此，如果您需要精确的10px，则必须在自定义主题中重写该属性

以下是
间距
道具的文档：


您可以在父容器上设置间距道具：



这将在所有子元素之间添加间距。尽管它以8px的倍数应用间距。因此，如果您需要精确的10px，则必须在自定义主题中重写该属性

以下是
间距
道具的文档：


您是否想要MediaQuery？正如您在更宽的屏幕上提到的标题
？您是否想要MediaQuery？正如你在更宽的屏幕上提到的标题
？看起来我在浏览文档时完全错过了这个道具。谢谢看样子我在看文件的时候完全错过了那个道具。谢谢