[问题] 两个字的人名 中间有空一格的效果

楼主: 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