Question

【高分200】CSS不同大小的字体底端对齐问题

现在的问题是这样的，中文部分和英文部分底端没法对齐；如下图

CSS结构如下

有一个要求就是，这些文字全部要在外层的 shopName中自动垂直和水平方向上都自动居中；请问大神们，这种情况改如何解决？？
几个样式的css





Answer 1

是时候表演真正的送人头了

两个span都设置display table-cell，固定高度，然后设置垂直居中

  <a href="#">

            <span style="font-size:36px;display:table-cell;vertical-align:middle;height:45px">11111111</span>

            <span style="display:table-cell;vertical-align:middle;height:45px">22222</span>

        </a>

Answer 2

.shopNameBeauty{margin-top:XXpx;} 这个类,加点上边距试试,,如果不行,,改为 .shopNameTitle{margin-bottom:XXpx;}加下边距 ,,,试试..你最好列出你图中几个类的CSS

追问

css已贴上去了，因为两个span都是行内元素，所有加边距无效

追答

神啊,,你就不能使用文本方式...

Answer 3

Answer 4

你把行高设置一下不就行了,line-height这个属性

追问

分别设置行高，也没用的