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

看板Web_Design作者 (鍵盤詩人)時間1年前 (2023/04/25 03:42), 1年前編輯推噓5(506)
留言11則, 8人參與, 1年前最新討論串1/1
請問HTML或CSS的語法中有沒有以下這種效果 例如有一個人名叫「李安」,我希望看起來是「李 安」 這樣他在一排的人名之中,才能跟其他三個字的人名對齊。 之前的網管就真的是用空一格全形的方式處理 造成的後果是網站的搜尋搜不出來「李安」,Hashtag也不統一 所以我想問,有無語法是看起來有空、但實際上是沒空格。 我知道在表格內,可以用分散對齊達到類似的效果。 但沒在表格的話,就不知道怎麼做了 謝謝 -- ※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 112.78.85.215 (臺灣) ※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1682365321.A.47F.html

04/25 07:23, 1年前 , 1F
CSS 的 text-align: justify 可能有你要的效果
04/25 07:23, 1F

04/25 07:23, 1年前 , 2F
但這個印象中要指定所在容器的寬度
04/25 07:23, 2F

04/25 07:24, 1年前 , 3F
噢, 好像 justify 不會打散最後一行, 那可能要 justify-all
04/25 07:24, 3F

04/25 12:56, 1年前 , 4F
用letter-spacing:1rem 做呢?
04/25 12:56, 4F

04/25 13:12, 1年前 , 5F
我來試試看 謝謝兩位的建議
04/25 13:12, 5F

04/25 15:31, 1年前 , 6F
這系統遇到資料中有四個字的人名時兩字的中間要空兩格?
04/25 15:31, 6F
這只是網頁而已 我有想過四個字人名的問題 但是目前沒遇到有四個字的

04/25 22:43, 1年前 , 7F
要加:after讓最後一行不對齊的效果指去假元素
04/25 22:43, 7F

04/25 22:44, 1年前 , 8F
這樣就可以用 justify 把可以看到的每一行都分散對齊
04/25 22:44, 8F

04/25 23:12, 1年前 , 9F
也可以用 text-align-last 直接指定最後一行的對齊效果
04/25 23:12, 9F
※ 編輯: poeta (1.200.150.119 臺灣), 04/26/2023 13:03:54

04/30 07:56, 1年前 , 10F
兩字間加入 span 再用 ::after content 加空格也可
04/30 07:56, 10F

05/02 18:27, 1年前 , 11F
這個js直接搜尋時去掉空白會簡單很多
05/02 18:27, 11F
文章代碼(AID): #1aHjk9H_ (Web_Design)
文章代碼(AID): #1aHjk9H_ (Web_Design)