CSS中的文字居中有多種方式:水平居中、垂直居中和水平垂直同時居中。本文將介紹如何在CSS中運用不同的屬性和值,實現文字中心化的效果。
水平居中
text-align: center;
上述代碼將文字在其所在的容器中水平居中。
垂直居中
line-height: [容器高度];
將容器高度賦給line-height屬性即可實現文字在容器中垂直居中。
水平垂直居中
display: flex; align-items: center; justify-content: center;
以上三個屬性結合起來,可以輕松實現文字在容器中同時水平、垂直居中。
下一篇div。1