作者poeta (鍵盤詩人)
看板Web_Design
標題[問題] 兩個字的人名 中間有空一格的效果
時間Tue Apr 25 03:41:59 2023
請問HTML或CSS的語法中有沒有以下這種效果
例如有一個人名叫「李安」，我希望看起來是「李 安」
這樣他在一排的人名之中，才能跟其他三個字的人名對齊。
之前的網管就真的是用空一格全形的方式處理
造成的後果是網站的搜尋搜不出來「李安」，Hashtag也不統一
所以我想問，有無語法是看起來有空、但實際上是沒空格。
我知道在表格內，可以用分散對齊達到類似的效果。
但沒在表格的話，就不知道怎麼做了
謝謝
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 112.78.85.215 (臺灣)
※ 文章網址: https://webptt.com/m.aspx?n=bbs/Web_Design/M.1682365321.A.47F.html
1F：推 LPH66: CSS 的 text-align: justify 可能有你要的效果 04/25 07:23
2F：→ LPH66: 但這個印象中要指定所在容器的寬度 04/25 07:23
3F：→ LPH66: 噢, 好像 justify 不會打散最後一行, 那可能要 justify-all 04/25 07:24
4F：推 sanyaoooo: 用letter-spacing:1rem 做呢？ 04/25 12:56
5F：→ poeta: 我來試試看 謝謝兩位的建議 04/25 13:12
6F：推 ian90911: 這系統遇到資料中有四個字的人名時兩字的中間要空兩格? 04/25 15:31
這只是網頁而已
我有想過四個字人名的問題 但是目前沒遇到有四個字的
7F：推 shter: 要加:after讓最後一行不對齊的效果指去假元素 04/25 22:43
8F：→ shter: 這樣就可以用 justify 把可以看到的每一行都分散對齊 04/25 22:44
9F：→ Hsins: 也可以用 text-align-last 直接指定最後一行的對齊效果 04/25 23:12
※ 編輯: poeta (1.200.150.119 臺灣), 04/26/2023 13:03:54
10F：推 Noice: 兩字間加入 span 再用 ::after content 加空格也可 04/30 07:56
11F：→ ReadSnow: 這個js直接搜尋時去掉空白會簡單很多 05/02 18:27