Javascript 为什么';这里的按钮不能显示家长的全部尺寸吗?
我想让Repos和stars按钮像github图标一样占据整个家长的高度。下面的代码不起作用。我还尝试为FlatButton样式提供Javascript 为什么';这里的按钮不能显示家长的全部尺寸吗?,javascript,html,css,reactjs,material-ui,Javascript,Html,Css,Reactjs,Material Ui,我想让Repos和stars按钮像github图标一样占据整个家长的高度。下面的代码不起作用。我还尝试为FlatButton样式提供高度:100%,但整个纸张的高度增加,以占据整个页面。如何解决这个问题 return <> <Grid container> <Paper> <Button style={flatButtonStyle}><GithubS
高度:100%
,但整个纸张的高度增加,以占据整个页面。如何解决这个问题
return <>
<Grid container>
<Paper>
<Button style={flatButtonStyle}><GithubSVG /></Button>
<Tooltip title="Visit github.com/nateshmbhat">
<a target="_blank" href="https://github.com/nateshmbhat" style={{ padding: '10px' }}>nateshmbhat</a>
</Tooltip>
<Button style={flatButtonStyle}><i className="fa fa-archive"></i> repos</Button>
<Button style={flatButtonStyle}><i className="fa fa-star"></i> Stars</Button>
</Paper>
</Grid>
</>
返回
回购协议
星星
GitHub按钮占据了纸张
容器的整个高度,因为GitHub SVG提供了最大的高度,纸张
容器符合其内容,因为它没有固定的高度
为了为所有按钮设置相等的高度,您需要在纸张
容器上设置一个固定的高度
,并将每个按钮的最小高度
设置为100%
,或者在按钮上设置一个固定的高度
,其值与GitHub按钮的值相匹配,因为它具有最大的高度
这些元素是否有填充或边距。css for fa?看起来纸张
有一些填充
或边距
-尝试
,只是为了测试-如果这样可以修复布局,您应该在csstried中将纸张的边距和填充设置为0时覆盖其样式,不是吗work@varoons不,我没有按钮上的边距的csscheck