为了账号安全,请及时绑定邮箱和手机立即绑定

CSS中文字体意外下沉问题

CSS中文字体意外下沉问题

慕尼黑5688855 2019-02-01 22:16:45
我在写一个移动端导航列表的时候遇到了这个奇怪的问题,先上问题吧我的高亮热无法与导航中的热进行一个对齐,而所有的英文都是可以正常对齐,只有这一个中文有问题我的结构是这样的,所有的Li都是循环渲染出来的,内部的字符是导航中的,span包裹的是高亮接下来是样式非常的奇怪就在于只有中文有这个问题,在不修改任何样式的情况下,只要我把热字(导航中的热)改成任意英文 问题立马就解决了(直接在开发者工具修改HTML)所以各位能不能给点思路,应该不太可能是中英文基线不同的问题吧,差异不该这么大
查看完整描述

1 回答

?
炎炎设计

TA贡献1808条经验 获得超4个赞

和中文字体没有关系,应该是你的css写法有问题.

右侧没有指定height和line-height并多了padding:3px;也就是默认高度了.

左侧写得挺奇怪:height:24px;而line-height:10px;还position:absolute.却又不指定left;top;

你如果


左右:

height:24px;line-height:24px;

左:

font-size:21px;;position:absolute;left:0;top:3px;

右:

font-size:12px;padding:3px;

我想是没有问题的.

另外如果雅黑之类的字体,font-size最好是21px;顺便指定font-size:400|700;


查看完整回答
反对 回复 2019-02-03
  • 1 回答
  • 0 关注
  • 1301 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信