1.18 antd Table 踩坑記錄:中文標題不加粗,英文加粗


antd的Table中title是英文會加粗,中文不會

1.18 antd Table 踩坑記錄

使用antd的Table時,title字體不是加粗的。但是文檔中的標題都是加粗的,首先想到的會不會是react的全局樣式不小心影響到了

開發者工具中,Elements面板能夠實時編輯DOM節點和CSS樣式。

  • 雙擊DOM樹視圖里面的節點,可以實時編輯標簽屬性,修改的效果會立刻反應在瀏覽器里面

  • Style面板,可以實時修改CSS的屬性值

  • Computed面板,可以編輯左側選中的盒子模型參數

所以一個元素中所有的樣式都可以看這里查看到。通過對比文檔和自己代碼中標題的樣式,發現都是有font-weight:'500'的,但是就很奇怪,為什么文檔是加粗效果的,而自己的是普通效果。

文檔中:

 

 自己代碼:

 

 

但是應該可以排除全局樣式的影響了。

然后想到會不會是字體的問題,這個還沒有驗證,因為很快就找到原因了……

最后發現antd的Table中title是英文會加粗,中文不會,通過在開發者工具中,修改了DOM樹中內容,把英文改成了中文,結果文檔的標題也變成普通效果了2333


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM