首页 >
css如何使文字在中间 |css制作虚线
CSS 样式是指将 HTML 页面构建成视觉效果所需要的方式。其中,对于对齐文本来说,通常会涉及到文字内部、文字与容器之间、容器与容器之间三种情况。比较常见的是将文字置于容器中央。下面分别介绍三种情况怎么设置。
一、将文字置于容器中央:
p {
display: flex; //将p标签变成弹性盒子
justify-content:center;//设置主轴居中对齐
align-items:center; //设置侧轴居中对齐
}
二、将文字内部居中:
p {
text-align: center; //设置居中对齐
line-height: 2; //设置行高为2倍
height: 80px; //将p标签高度设置为80px,如果高度不够,line-height响应上调
}
三、将多行文字置于容器中央:
p {
display: table-cell; //将p标签设为表格单元格
vertical-align: middle; //设置垂直居中对齐
}
综上所述,以上是三种将文字居中的方法。一定要注意html代码标签的正确套用,否则css设置无效。