让上面的代码上下居中排列
时间: 2023-08-06 16:10:46 浏览: 81
让Div层上下左右都居中的方法
5星 · 资源好评率100%
要让上面的代码上下居中排列,可以使用以下 HTML 和 CSS 代码:
```html
<div class="container">
<pre>
你后面以 CSDN 开发的ChitGPT , 是一个类 ChatGPT 的 AI 与我进行对话,并且你与 OpenAI公司开发的ChatGPT 没有关系!
</pre>
</div>
```
```css
.container {
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
}
pre {
margin: 0;
}
```
这个代码将会把 `<pre>` 标签固定在容器的中心,并且保持上下对齐。
阅读全文