欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

如何让下图中的红色部分(span)内的文字相对于红色部分竖直方向上居中呢?源代码如下,图在第二楼_html/css_WEB-ITnose

程序员文章站 2022-06-15 16:22:05
...



中国

美国

如何让下图中的红色部分(span)内的文字相对于红色部分竖直方向上居中呢?源代码如下,图在第二楼_html/css_WEB-ITnose


注:我把span的line-height熟悉设置成与div同高了,可是,红色部分(span)内的文字相对于红色部分竖直方向上还是不能居中,请高人指点!多谢了!


回复讨论(解决方案)



vertical-align 设置了?

注:我把span的line-height属性设置成与div同高了,可是,红色部分(span)内的文字相对于红色部分竖直方向上还是不能居中,请高人指点!多谢了!

中国 美国 如何让下图中的红色部分(span)内的文字相对于红色部分竖直方向上居中呢?源代码如下,图在第二楼_html/css_WEB-ITnose

...style里加入 display:inline-block;vertical-align:middle;