在CSS中,为了让单词居中,有几种方法。
/*方法一:使用text-align*/ .text { text-align: center; } /*方法二:使用flexbox*/ .container { display: flex; justify-content: center; align-items: center; } /*方法三:使用grid*/ .container { display: grid; place-items: center; }
以上三种方法都有各自的优点和应用场景。text-align最简单,适用于单行文本或者行内元素的水平居中;flexbox适用于多个元素的水平、垂直居中;grid也是适用于多个元素的居中,但相对于flexbox更为灵活,可以实现更复杂的布局。