作者:
poeta (鍵盤詩人)
2023-04-25 03:41:59請問HTML或CSS的語法中有沒有以下這種效果
例如有一個人名叫「李安」,我希望看起來是「李 安」
這樣他在一排的人名之中,才能跟其他三個字的人名對齊。
之前的網管就真的是用空一格全形的方式處理
造成的後果是網站的搜尋搜不出來「李安」,Hashtag也不統一
所以我想問,有無語法是看起來有空、但實際上是沒空格。
我知道在表格內,可以用分散對齊達到類似的效果。
但沒在表格的話,就不知道怎麼做了
謝謝
作者:
LPH66 (-6.2598534e+18f)
2023-04-25 07:23:00CSS 的 text-align: justify 可能有你要的效果但這個印象中要指定所在容器的寬度噢, 好像 justify 不會打散最後一行, 那可能要 justify-all
作者:
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直接搜尋時去掉空白會簡單很多