[分享]css中如何设置居中对齐

在CSS中设置居中对齐是一项非常基础而又常用的技能。以下是一些常用的方法：/ 水平居中对齐 / / 对于行内元素（如文字） / textalign: center; / 对于块级元素（如 div） /...

在CSS中设置居中对齐是一项非常基础而又常用的技能。以下是一些常用的方法：

/** 水平居中对齐 **/
/* 对于行内元素（如文字） */
text-align: center;

/* 对于块级元素（如 div） */
margin: 0 auto;

/** 垂直居中对齐 **/
/* 对于单行文字 */
line-height: 40px; /* 设置行高，使文字垂直居中 */

/* 对于块级元素 */
display: flex;
align-items: center; /* 垂直居中 */

/* 使用 table-cell 属性 */
display: table-cell;
vertical-align: middle; 

以上几种方法都各有利弊，我们需要根据实际情况选择最合适的方法。