将版式组件向右对齐

时间:2019-05-22 02:01:36

标签: javascript css reactjs alignment material-ui

我想在同一行上对齐两个版式组件,以使一个版式向左对齐,而另一个则向右对齐。我该如何实现?

这是我的代码,但是组件在左侧彼此相邻排列。

bool toggle;

main {
    if (event_active (BUTTON_2)) { 
        toggle = !toggle;
        combo_stop(PressX);
    }
    if (toggle) {
        combo_run(PressX); 
    }
    combo PressX {
        set_val(BUTTON_16, 100.0); 
        wait(100);
        wait(5000); 
    }
}

1 个答案:

答案 0 :(得分:1)

如果您使用的是Mui,为什么不使用他们的道具-它会比您自己的风格更轻松。您还必须将p个元素放在div中-如果使用Grid,则可以使用弹性框“ space-between”将每个元素推到任一侧。

<Grid container justify="space-between>  
  <Typography inline variant="body1" align="left">Choose New Support:</Typography>
  <Typography inline variant="body1" align="right">some text</Typography>
</Grid>