居中展示框样式代码
时间: 2023-08-06 10:27:24 浏览: 135
div居中显示的css样式代码
5星 · 资源好评率100%
以下是一个简单的居中展示框的样式代码:
```html
<div class="centered-box">
<p>这是居中展示框中的文本。</p>
</div>
```
```css
.centered-box {
display: flex;
justify-content: center;
align-items: center;
height: 200px;
border: 1px solid #ccc;
}
```
这个代码会创建一个带有灰色边框的居中展示框,其中包含一个段落标签。CSS代码使用了Flexbox布局来使内容在水平和垂直方向上居中。`height`属性可以根据需要进行调整。
阅读全文