Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/82.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

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/node.js/39.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 为什么';这里的按钮不能显示家长的全部尺寸吗?_Javascript_Html_Css_Reactjs_Material Ui - Fatal编程技术网

Javascript 为什么';这里的按钮不能显示家长的全部尺寸吗?

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

我想让Repos和stars按钮像github图标一样占据整个家长的高度。下面的代码不起作用。我还尝试为FlatButton样式提供
高度: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