<pre> tag and Paper

Question

I have some React code that generates an empty space in between my pre tag and the bottom of my Paper component. I can't figure out how to remove it.

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

and:

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

I solved it by adding:

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

Answer 1

我检查了pre标签，发现有空白。我通过添加来解决它：

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