从React Twitter Embed的TwitterTweetEmbed组件中删除边距

Question

我正在使用Material UI，并从React Twitter Embed中嵌入了TwitterTweetEmbed，我不知道如何删除顶部和底部边距。

这是我当前的代码：

const styles = theme => ({
  listItem: {
    padding: '0px',
  },
  tweetSize: {
    margin: 0,
  },
  tweet: {
    margin: 0,
  }
});


class TweetItem extends Component {

  render() {
    return (
      <ListItem className={this.props.classes.listItem}>
        <div className={this.props.classes.tweetSize}>
          <TwitterTweetEmbed className={this.props.classes.tweet} tweetId={blah} options={{ width: 'auto'}} />

        </div>
      </ListItem>
    );
  }
}

export default withStyles(styles)(TweetItem);

[此外，使用Chrome中的检查工具，我发现边距出现在这里：

这是他们在页面上的样子：

是否有必要通过任何必要的方法将这些边距强制为0？

Answer 1

我发现的解决方案只是添加