有一 li 元素其中有中文和英文,怎麼分別設定他們的字型樣式呢?

時間 2021-05-05 18:50:39

1樓:馮特羅

CSS 沒有單獨區別分中文和英文這種樣式的寫法,這個和 li 沒有一毛錢關係,可果你只是想使英文使用不一樣的字型,那也倒好解決,使用中文不識別的字型即可,如果想給英文設其它樣式,估計用純 CSS 不好實現。

2樓:張國防

還是建議寫一段指令碼吧;把中英文單獨匹配出來,分別加樣式;這樣就可以隨意的指定中英文本型啦;例如:

"中英文本串chinese and english string".match(/

([\w\s]+)|(\W+) /g)

然後去替換裡面的內容,如果還考慮其他字元的話,可以重新寫這個正則就可以了;

3樓:梁海

對於所有正常的瀏覽器[1],CSS 的 font-family 屬性 [2] 的基本能力之一就是依其列表內字型的排序(優先順序)來顯示文字。

如果設定為「font-family: "Western Font", "Chinese Font", generic-family;」,就用第一項 "Western Font" 顯示西文(英文本母、英文標點、阿拉伯數字……),然後遇到漢字之類不受 "Western Font" 支援的字元就用下一項 "Chinese Font"。所以通常這樣就可以分別為英文和中文設定字型了。

這是極其常見的手法。

例如:「font-family: "Segoe UI", "Microsoft YaHei", sans-serif;」會讓「這是一段測試文字,this is test text 」中的「this is test text」以 Segoe UI 顯示,而「這是一段測試文字,」以微軟雅黑顯示。

另外,如果要手動標記文字的語言,HTML 的 lang 屬性比自己寫的 class 更優雅也更高階。

例如:這是一段測試文字,this is test text

然後用 :lang(zh-CN) 和 :lang(en) 偽類來分別控制 font-family。

當然你也可以省去預設的 lang 值,只標註特殊的(比如既然已經為整個頁面設定為 lang="zh-CN",那就只標註 lang="en" 的文字)。

***[1]正常的瀏覽器

比如 Windows 和 Mac OS X 的 Chrome、Safari 和 Firefox

某些版本的 IE 以及(據稱)Linux 平台的某些瀏覽器——即不正常的瀏覽器——在某些情況下無法實現 font-family 屬性的要求,還會暴露出一些奇怪的 bug。這也是國內眾多開發者對 font-family 屬性了解不足或亂寫的原因之一。

[2] 如果有興趣和精力,最好大致看看 W3C 的 CSS 文件之中涉及字型的這一部分:http://www.

w3.org/TR/CSS2/fonts.html

4樓:李賡

實際上你這個問題的本質是能不能對同乙個容器裡的英文和中文使用兩種字型和格式

說老實話還真沒試過字型我不敢保證但是樣式是肯定實現不了了

而且一般來說考慮到相容性和字型顯示正常一般使用的字型也就那幾種只能中英文一起衡量

這個還有乙個解決方法你可以考慮一下不過可能要根據你的網頁結構作修改

就是充分利用CSS的父元素繼承的寫法盡量少用id和class

就比如用p裝中文用span裝英文然後直接定位到父元素下所有的p或者span來進行樣式的修改

但是其他方面的布局可能要微調一下

僅供參考哈~~~

中文商標三個字 其中有兩個字已經和別人的重複了 怎麼還能註冊成功

商標近似判斷,不需要過多的去考慮其他。中文作為咱們的母語,只要是中中國人都能夠看的懂。僅從音形義三方面對比即可。這裡所用到的方法就是 望文生義 你看到這個名字時的第一印象是什麼就是什麼。不必要過多解讀。商標審查是從音形義上入手審核的。您說的三個字的商標重複了兩個,這種情況在申請商標的時候很常見,按照...

關於宇喜多春家的史料不多,其中有一些和宇喜多忠家相重疊,有觀點認為二者就是同一人,是否可信?

劉日觀察 個人對宇喜多忠家 春家史料的梳理,以及是否為同一人物的理解 能力有限,只知道關於宇喜多家最早的傳記類文獻為 宇喜多傳 推測成書時間為1676年。宇喜多傳 中關於直家弟弟的記錄皆為宇喜多春家。多年前閱讀,不排除自己腦子年久失修,記錯了的可能性。宇喜多傳 成書30多年之後才有了 備前記 該書明...

十二個硬幣,其中有乙個是假幣,只知道假幣和真幣重量不等,用天平秤三次,如何找出假幣?

嘛爺 此題關鍵點在於抓出所有 真幣 重量都相同 認定為標準重量 假幣與真幣重量不等。可推出 天平兩邊同等數量的硬幣稱量結果相等 和 天平兩邊所有硬幣是真幣 是等價的 相互的充分必要條件 進一步推出假幣一定在剩餘的未上稱的部分。同時,也容易得出,同等數量的硬幣用天平稱不相等那麼天平兩邊必有乙個假幣。又...