css文字在div中剧中 |css快捷键注释设置

代码示例：
.center {
text-align: center;  /* 水平居中 */
display: flex;  /* 垂直居中 */
flex-direction: column; /* 垂直排列 */
justify-content: center; /* 使元素垂直居中 */
}

使用上述CSS代码，可以使文字在div中水平和垂直居中的效果。首先，text-align属性使文本在水平方向上居中，但是它不会居中整个div。

接着，大家使用display:flex属性，并将flex-direction属性设置为column，使得div中的文本垂直排列。justify-content属性可以将元素在垂直方向上居中。

通过这些属性的集合，大家可以将文本居中对齐，并使其在div中垂直和水平居中，从而实现更好的页面布局效果。