CSS span标签中文字水平垂直对齐
要实现span标签中的中文文本水平垂直对齐，可以使用CSS的display: flex和align-items以及justify-content属性。以下是实现这一效果的CSS代码示例：
span.align-center {
display: flex;
align-items: center; /* 垂直居中 */
justify-content: center; /* 水平居中 */
width: 100px; /* 设置一个宽度 */
height: 100px; /* 设置一个高度 */
border: 1px solid #000; /* 边框仅为了展示效果 */
}接下来是HTML代码：
<span class="align-center">文本</span>这段代码会在span元素中创建一个100x100像素的框，并将其中的文本水平和垂直居中。
评论已关闭