小编Spi*_*ang的帖子

我正在努力对齐按钮和<Typography>组件对齐在同一行：

这是我到目前为止所拥有的：

<Grid item lg={12} md={12} sm={12} xs={12} className={classes.register}>\n    <Typography noWrap className={classes.typoText} variant="subtitle2">\n        text1\n    </Typography>\n\n    <ButtonBase className={classes.labelForgot} disableFocusRipple="false" disableRipple="false" centerRipple="false">\n        <Typography noWrap className={classes.labelForgot} variant="subtitle2">\n            text2\n        </Typography>\n    </ButtonBase>\n</Grid>\n

我的风格：

labelForgot: {\n    color: \'rgba(20, 176, 12,0.9)\',\n    backgroundColor: \'transparent\',\n    paddingLeft: 2,\n    \'&:hover\': {\n        color: \'rgb(57, 232, 48)\',\n        backgroundColor: \'transparent\',\n    }\n},\nroot: {\n    backgroundSize: \'cover\', \n    backgroundPosition: \'center center\',\n    backgroundRepeat: \'no-repeat\',\n    minHeight: \'100vh\',\n    justifyContent:\'center\', \n    overflow: \'hidden\',\n},\ngridMain: {\n    margin: \'0 auto\',\n    maxWidth: 300,\n},\n

基本上我有一个<div>允许高度为 \xc2\xb4100%` 的。 …