一行两个span里面字体大小不同，如何居中对齐。

暴怒的黑驴

2113

新手上路，请多包涵

网站有个需求，要把所有正负数的正负号增大，在数字前面加上<span>+</span>之后
增加字体大小，行高就对不齐了
line-height在mac上设置为1可以，但是到windows上就上去了。
求解

相关代码

<span class="">
    <span class="big-sign">+</span>
    <span>12</span>
</span>

css

阅读 11.8k

4 个回答

Teletubbies

✓ 已被采纳

<style>
    .flex{
        display: flex;
        align-items: center;
    }
    .big-sign{
        font-size:50px;
    }  
</style>
<body>
    <span class="flex">
        <span class="big-sign">+</span>
        <span>12</span>
    </span>  
</body>

stevenzwzhai

29015

发布于
2019-03-22

两个span设置同样高度

chow

98322967

发布于
2019-03-22

flex布局？

沈小白

24211324

发布于
2019-03-22

vertical-align: middle

撰写回答

你尚未登录，登录后可以

和开发者交流问题的细节
关注并接收问题和回答的更新提醒
参与内容的编辑和改进，让解决方法与时俱进

推荐问题

相似问题

找不到问题？创建新问题

一行两个span里面字体大小不同，如何居中对齐。

相关代码

你尚未登录，登录后可以

body :first-child(不是body:first-child，中间有空格)伪类选择器到底选中了什么元素？

如何实现类似豆包的AI改写框跟随内容滚动效果？

如何在CSS中实现滚动条不溢出圆角框？

请问，是否可以设定Table的宽度，或者不让其超过父容器呢？

如何在Ant Design表格中同时设置scroll.x和scroll.y且表头不换行？

表数据复制一条添加到数据库，前端跳转到数据所在的page页，滚动到对应行并添加高亮样式异常？

tailwind css group hover的触发问题?