使用CSS使文本居中有多种方法,以下是其中几种常用的方法:
.parent {
text-align: center;
}
这种方法适用于块级元素和行内块级元素。
.parent {
line-height: 200px; /* 父元素高度为200px */
}
这种方法适用于单行文本。
.parent {
display: flex;
align-items: center;
justify-content: center;
}
这种方法适用于块级元素和行内块级元素。
.parent {
position: relative;
}
.text {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
这种方法适用于块级元素和行内块级元素。
以上是几种常用的方法,根据具体情况选择合适的方法来使文本居中。
云+社区沙龙online [技术应变力]
企业创新在线学堂
云+社区技术沙龙[第11期]
Elastic 中国开发者大会
T-Day
云+社区技术沙龙[第16期]
serverless days
云+社区技术沙龙 [第31期]
云+社区技术沙龙[第10期]
领取专属 10元无门槛券
手把手带您无忧上云