首先,最基本的居中关键字是text-align属性,可以使用它来设置文本或块级元素的水平对齐方式。它的取值可以为left、right、center等。例如:
div { text-align: center; }
这个例子中的div元素会沿着其父级容器的中心,水平居中对齐。
接下来,大家看看垂直居中对齐。在CSS中,实现垂直居中有几种方法,其中一种是使用display属性和vertical-align属性来控制元素的垂直对齐方式。例如:
.container { display: table-cell; vertical-align: middle; }
上面的代码中,大家可以把.container类作为父级元素,通过设置display: table-cell来创建一个表格单元格,然后再使用vertical-align: middle属性将其垂直居中。
以上是两种最常用的居中关键字。除此之外,在不同情况下,还可以使用其他的居中关键字,比如flexbox布局中的justify-content和align-items属性来实现元素的对齐。
总之,居中对齐在页面布局中非常实用,大家可以根据实际需要选择合适的CSS关键字,轻松实现元素的统一居中对齐。