小编use*_*487的帖子

如果超出父母宽度（卡片宽度），我如何在卡片标题中正确添加点。到目前为止，我已经这样做了：

  card: {
    width: 275,
    display: "flex"
  },

  overflowWithDots: {
    textOverflow: 'ellipsis',
    whiteSpace: 'nowrap',
    overflow: 'hidden',
    width: '100px'
  }

  <Card className={classes.card}>
    <CardHeader
       title={
         <Typography gutterBottom variant="h6" component="h4" className={classes.overflowWithDots}>
        {movie.title}
        </Typography>
       }
   />

这在某种程度上起作用，但我必须告诉类具有 100px 的宽度，直到它添加点。如果超过父母的宽度，我需要添加点。