作者poeta (键盘诗人)
看板Web_Design
标题[问题] 两个字的人名 中间有空一格的效果
时间Tue Apr 25 03:41:59 2023
请问HTML或CSS的语法中有没有以下这种效果
例如有一个人名叫「李安」,我希望看起来是「李 安」
这样他在一排的人名之中,才能跟其他三个字的人名对齐。
之前的网管就真的是用空一格全形的方式处理
造成的後果是网站的搜寻搜不出来「李安」,Hashtag也不统一
所以我想问,有无语法是看起来有空、但实际上是没空格。
我知道在表格内,可以用分散对齐达到类似的效果。
但没在表格的话,就不知道怎麽做了
谢谢
--
※ 发信站: 批踢踢实业坊(ptt.cc), 来自: 112.78.85.215 (台湾)
※ 文章网址: https://webptt.com/cn.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