[問題] 兩個字的人名 中間有空一格的效果

作者: poeta (鍵盤詩人)   2023-04-25 03:41:59
請問HTML或CSS的語法中有沒有以下這種效果
例如有一個人名叫「李安」,我希望看起來是「李 安」
這樣他在一排的人名之中,才能跟其他三個字的人名對齊。
之前的網管就真的是用空一格全形的方式處理
造成的後果是網站的搜尋搜不出來「李安」,Hashtag也不統一
所以我想問,有無語法是看起來有空、但實際上是沒空格。
我知道在表格內,可以用分散對齊達到類似的效果。
但沒在表格的話,就不知道怎麼做了
謝謝
作者: LPH66 (-6.2598534e+18f)   2023-04-25 07:23:00
CSS 的 text-align: justify 可能有你要的效果但這個印象中要指定所在容器的寬度噢, 好像 justify 不會打散最後一行, 那可能要 justify-all
作者: sanyaoooo (山藥)   2023-04-25 12:56:00
用letter-spacing:1rem 做呢?
作者: poeta (鍵盤詩人)   2023-04-25 13:12:00
我來試試看 謝謝兩位的建議
作者: ian90911 (xopowo)   2023-04-25 15:31:00
這系統遇到資料中有四個字的人名時兩字的中間要空兩格?
作者: shter (飛梭之影)   2023-04-25 22:43:00
要加:after讓最後一行不對齊的效果指去假元素這樣就可以用 justify 把可以看到的每一行都分散對齊
作者: Hsins (翔)   2023-04-25 23:12:00
也可以用 text-align-last 直接指定最後一行的對齊效果
作者: Noice (chloe)   2023-04-30 07:56:00
兩字間加入 span 再用 ::after content 加空格也可
作者: ReadSnow (AnnyCat)   2023-05-02 18:27:00
這個js直接搜尋時去掉空白會簡單很多

Links booklink

Contact Us: admin [ a t ] ucptt.com