iT邦幫忙

0

如何使用CSS達成中文與英文或數字的交界處增加間距呢?

  • 分享至 

  • xImage

<div>中文字apple banana數字123結尾</div>
是否有辦法把<div/>的內容,只依靠CSS渲染顯示為 中文字 apple banana 數字 123 結尾 呢?

harry xie iT邦研究生 1 級 ‧ 2020-02-27 21:31:41 檢舉
印象中 CSS 沒有這樣的語法ㄟ@@
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

2 個回答

0
fillano
iT邦超人 1 級 ‧ 2020-02-28 15:46:14
最佳解答

試了一下,看起來沒辦法。

  1. :lang偽類沒辦法這樣混用,因為lang只能在tag上指定
  2. word-spacing只作用在space上,沒辦法自動插入在中文與英文間
  3. 中文字距是用letter-spacing,英文是用word-spacing
0

早前我跟你也有同樣的想法,的確也想靠css看能否解決。
不過我研究了一天都沒辦法達到我想要的理想。

還是放棄改用程式正則替代式切分方式再搭配css處理。實在沒招了。

我要發表回答

立即登入回答