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