首页 >
css怎么文字垂直居中 |css 宽度计算
css圆环图，asp的css编写，jq使用css赋值高度，php项目修改css无效，tp3 css文件目录，css table去掉内边框颜色，css 宽度计算
“`
大家可以注意到，在上述代码中，大家给div容器添加了display:flex; justify-content:center; align-items:center;属性。这三个属性可以使容器水平和垂直居中，然后通过给文字添加line-height:100px;属性，实现文字的垂直居中。
二、使用display属性和vertical-align属性
除了使用line-height属性，大家还可以使用display属性和vertical-align属性来实现文字的垂直居中。大家可以将p标签的display属性设置为table-cell,然后再使用vertical-align属性将文本居中。例如：
“`.container {
height: 100px;
width: 300px;
display: flex;
justify-content: center;
align-items: center;
border: 1px solid #000;
}
.text {
display: table-cell;
vertical-align: middle;
}这里是文字内容