如何删除React材质UI卡“ MuiCardContent-root:last-child”默认填充底部中的填充底部?

萨诺卜五世

这是我的代码

https://stackblitz.com/edit/react-me9rk9

随附的屏幕截图供您参考

return (
    <Card className={classes.card} >
      <CardContent>
        <Grid container justify="space-between">

          <Grid item container spacing={0}  alignItems="center" justify="left">
            <Grid container direction="row"  alignItems="flex-start">

              <AssessmentOutline  color="primary"  className={classes.largeIcon} />

            <Grid >
            <Typography color="textPrimary" gutterBottom variant="h1">20</Typography>
            <Typography color="textPrimary" gutterBottom variant="h6">Assessment Due</Typography>
          </Grid>            
            </Grid>                  
      </Grid>
        </Grid>
      </CardContent>
    </Card>
  );
Salman Mehmood
import { withStyles } from "@material-ui/core";
const styles = (theme) => ({
    removeBottomPadding: {
        paddingBottom: "0px"
    }
});

class YourComponetName extends Component {
    render(){
         const { classes } = this.props;
         return (
            <MaterialComponent classes={{ root: classes.removeBottomPadding}}>
                 // your code 
            </MaterialComponent >
        )
    }

}
export default withStyles(styles, { withTheme: true })(YourComponentName)

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

我可以删除自定义NSMenu的顶部和底部填充吗?

来自分类Dev

如何删除Android复选框的内部图像填充(顶部,左侧和底部)

来自分类Dev

从水平UIScrollView删除多余的底部填充

来自分类Dev

如何将渐变的底部锚定到HTML5 Canvas中填充的容器?

来自分类Dev

我们如何在fullPage.js中为差异部分设置不同的填充顶部和底部值?

来自分类Dev

如何获取Textview文本下方空间的大小(以像素为单位)?(不是底部填充)

来自分类Dev

如何从android.support.v7.widget.Toolbar删除顶部和底部填充?

来自分类Dev

如何检查设备是否需要SafeArea?(需要底部/顶部填充)

来自分类Dev

如何从默认选项卡栏删除底部

来自分类Dev

从SwiftUI中的列表中删除默认填充

来自分类Dev

如何使底部边框仅在填充文本下显示

来自分类Dev

Xamarin.Forms-加载/填充ListView后如何滚动到底部?

来自分类Dev

如何在菜单下拉react-select中删除顶部和底部的填充?

来自分类Dev

如何在Mac OS中从SwiftUI列表中删除底部/顶部项目填充

来自分类Dev

删除字体真棒图标的底部填充

来自分类Dev

材质UI删除菜单填充

来自分类Dev

如何使用材质UI在React中添加classList

来自分类Dev

如何将ImageView与底部对齐,填充其宽度和高度并保持其纵横比?

来自分类Dev

如何在Twitter Bootstrap中删除导航栏底部填充

来自分类Dev

如何删除Android复选框的内部图像填充(顶部,左侧和底部)

来自分类Dev

从水平UIScrollView删除多余的底部填充

来自分类Dev

如何在SearchView中删除文本/布局的内部底部空间(底部边距/填充)?

来自分类Dev

如何填充自定义EditText字符的底部?

来自分类Dev

如何删除textarea中的底部填充?

来自分类Dev

如何在 Material UI 中设置材质卡的最小高度?

来自分类Dev

如何在放大以填充父级时使 img 粘在底部?

来自分类Dev

如何去除antd中的默认填充

来自分类Dev

如何在 MathJax 中删除数学的顶部/底部填充?

来自分类Dev

android 编辑文本设计 - 删除编辑文本行底部填充并更改填充之间的文本和行

Related 相关文章

  1. 1

    我可以删除自定义NSMenu的顶部和底部填充吗?

  2. 2

    如何删除Android复选框的内部图像填充(顶部,左侧和底部)

  3. 3

    从水平UIScrollView删除多余的底部填充

  4. 4

    如何将渐变的底部锚定到HTML5 Canvas中填充的容器?

  5. 5

    我们如何在fullPage.js中为差异部分设置不同的填充顶部和底部值?

  6. 6

    如何获取Textview文本下方空间的大小(以像素为单位)?(不是底部填充)

  7. 7

    如何从android.support.v7.widget.Toolbar删除顶部和底部填充?

  8. 8

    如何检查设备是否需要SafeArea?(需要底部/顶部填充)

  9. 9

    如何从默认选项卡栏删除底部

  10. 10

    从SwiftUI中的列表中删除默认填充

  11. 11

    如何使底部边框仅在填充文本下显示

  12. 12

    Xamarin.Forms-加载/填充ListView后如何滚动到底部?

  13. 13

    如何在菜单下拉react-select中删除顶部和底部的填充?

  14. 14

    如何在Mac OS中从SwiftUI列表中删除底部/顶部项目填充

  15. 15

    删除字体真棒图标的底部填充

  16. 16

    材质UI删除菜单填充

  17. 17

    如何使用材质UI在React中添加classList

  18. 18

    如何将ImageView与底部对齐,填充其宽度和高度并保持其纵横比?

  19. 19

    如何在Twitter Bootstrap中删除导航栏底部填充

  20. 20

    如何删除Android复选框的内部图像填充(顶部,左侧和底部)

  21. 21

    从水平UIScrollView删除多余的底部填充

  22. 22

    如何在SearchView中删除文本/布局的内部底部空间(底部边距/填充)?

  23. 23

    如何填充自定义EditText字符的底部?

  24. 24

    如何删除textarea中的底部填充?

  25. 25

    如何在 Material UI 中设置材质卡的最小高度?

  26. 26

    如何在放大以填充父级时使 img 粘在底部?

  27. 27

    如何去除antd中的默认填充

  28. 28

    如何在 MathJax 中删除数学的顶部/底部填充?

  29. 29

    android 编辑文本设计 - 删除编辑文本行底部填充并更改填充之间的文本和行

热门标签

归档