如何让span中的文字水平居中

发布网友发布时间：2022-04-26 17:32

共3个回答

热心网友时间：2023-10-17 16:22

style= "text-align:center；line-height:18px; "

水平居中text-align:center；

设置行高line-height:18px; 同span高度一样，那么文字就可以垂直居中了（仅限一行文本）。

水平居中很简单，设置text-align:center就可以了，但是垂直居中一直都不得其解！

以前总是尝试着调padding-top,但是有的时候好使，更多的时候不行，今天同样，当height值不大时，增加padding-top就会增加了整个DIV或者SPAN的高度。

正在想理论上vertical-align的默认值应该是baseline啊，不会顶对齐啊，突然想起字体有个line-height属性，于是很显然其默认值就是一个字那么高，于是将line-height值改得和DIV或者SPAN的height相同！

于是，DIV和SPAN中的文字垂直居中对齐了。

热心网友时间：2023-10-17 16:22

style= "text-align:center；line-height:18px; "
水平居中text-align:center；
设置行高line-height:18px; 同span高度一样，那么文字就可以垂直居中了（仅限一行文本）。

热心网友时间：2023-10-17 16:23

不是说span的文字水平居中么？？span直接设置text-align:center是没有效果的，div可以直接设置，需要设置float:或者display:inline-block，block,有段时间没敲了，是我记错了还是怎么了？？