材料 ui 对齐内联 FormLabel 和 RadioGroup答案

【问题标题】：material ui align inline FormLabel and RadioGroup材料 ui 对齐内联 FormLabel 和 RadioGroup
【发布时间】：2021-12-28 17:32:24
【问题描述】：

我正在努力寻找一种解决方法以使表单标签（加上工具提示）与无线电组在同一行中对齐，我使用的是文档中的完全相同的示例： https://codesandbox.io/embed/rowradiobuttonsgroup-material-demo-forked-v155b?fontsize=14&hidenavigation=1&theme=dark

但我试图实现这一目标：

如果有人知道我该如何解决这个问题，那就太好了，我尝试使用 sx 道具传递一个 flex-direction 行显示内联，但没有

这是我试图传递给表单标签的代码：

<FormLabel 
    component="legend"
    sx={{  
      marginBottom:{ sm:'4px' },
      textAlign: { sm:'left'},
      clear: { sm:'both'},
      float: {sm: 'left'},
      marginRight: { sm:'20px'},
      marginLeft: {sm:'10px'},}}
    >

【问题讨论】：

您遵循的示例文档是什么？
codesandbox.io/s/2l1g3?file=/demo.js这个
你能分享你的代码吗？
已经用我尝试过的代码编辑了原始帖子，如果我在 chrome 中手动设置它可以工作，但我无法通过它

标签： css flexbox material-ui

【解决方案1】：

为了解决这个问题，将代码传递给 FormLabel，我传递给父 Formcontrol 标签，flex-direction 行，就是这样

【讨论】：

您的答案可以通过额外的支持信息得到改进。请edit 添加更多详细信息，例如引用或文档，以便其他人可以确认您的答案是正确的。你可以找到更多关于如何写好答案的信息in the help center。