html - 标签和 Paper 之间的空间

Question

我有一些 React 代码在我的 pre 标签和我的 Paper 组件底部之间生成一个空白区域。我不知道如何删除它。

const styles = theme => ({
  paper: {
    border: "1px solid"
    padding: "0px",
    margin: "0px",
    "margin-bottom": "0px"
  }
});

和:

 <Paper className={this.props.classes.paper}>
     <pre>Stuff</pre>
 </Paper>

我通过添加解决了这个问题:

<pre style={{ margin: "0px" }}>

Answer 1

我检查了 pre 标签并注意到了空白。我通过添加解决了它:

<pre style={{ margin: "0px" }}>