Как установить переполнение: скрыто на карте материала пользовательского интерфейса с фиксированным размером - PullRequest
Новая
       9

Как установить переполнение: скрыто на карте материала пользовательского интерфейса с фиксированным размером

0 голосов
/ 20 сентября 2019

Я хочу иметь карточку пользовательского интерфейса с фиксированным размером.Если содержимое карты становится слишком большим, оставшийся текст должен быть скрыт.Для этого я попробовал что-то вроде этого: 

<Card className={classes.card}>
  <CardActionArea>
    {props.image}
    <CardContent>
      <Typography className={classes.typography}>{props.children}</Typography>
    </CardContent>
  </CardActionArea>
  <Button className={classes.bottom}>Add</Button>
</Card>

с этими стилями: 

card: {
  height: 400,
},
typography: {
  overflow: "hidden",
  textOverflow: "ellipsis",
},
bottom: {
  width: "100%",
},

Проблема в том, что контент игнорирует границу карты и даже нажимает нижнюю кнопку изкарта.Есть ли способ архивировать это без установки фиксированного размера для каждого дочернего элемента карты?

...