在CSS中设置居中对齐是一项非常基础而又常用的技能。以下是一些常用的方法:/** 水平居中对齐 **/ /* 对于行内元素(如文字) */ text-align: center; /* 对于块级元素(
在CSS中设置居中对齐是一项非常基础而又常用的技能。以下是一些常用的方法:
/** 水平居中对齐 **/ /* 对于行内元素(如文字) */ text-align: center; /* 对于块级元素(如 div) */ margin: 0 auto; /** 垂直居中对齐 **/ /* 对于单行文字 */ line-height: 40px; /* 设置行高,使文字垂直居中 */ /* 对于块级元素 */ display: flex; align-items: center; /* 垂直居中 */ /* 使用 table-cell 属性 */ display: table-cell; vertical-align: middle;
以上几种方法都各有利弊,我们需要根据实际情况选择最合适的方法。
粉丝
0
关注
0
收藏
0