亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

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 關注
  • 1336 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號