- HTML元素
<div>水平垂直居中</div>
- css样式
div{ width:200px;height:200px; /*设置div的大小*/ border:1px solid green; /*边框*/ text-align: center; /*文字水平居中对齐*/ line-height: 200px; /*设置文字行距等于div的高度 即实现垂直居中*/ overflow:hidden; }
- 显示效果
时间: 2024-10-11 07:02:59
<div>水平垂直居中</div>
div{ width:200px;height:200px; /*设置div的大小*/ border:1px solid green; /*边框*/ text-align: center; /*文字水平居中对齐*/ line-height: 200px; /*设置文字行距等于div的高度 即实现垂直居中*/ overflow:hidden; }