PTT數位生活區 / Web_Design

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

看板Web_Design作者 (鍵盤詩人)時間1年前 (2023/04/25 03:42), 1年前編輯推噓5(5推 0噓 6→)
留言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
‣ 更多 poeta 的文章
文章代碼(AID): #1aHjk9H_ (Web_Design)
Web_Design 近期熱門文章
更多 近期熱門文章 >>
PTT數位生活區 即時熱門文章
更多 即時熱門文章 >>
‣ 更多 poeta 的文章
文章代碼(AID): #1aHjk9H_ (Web_Design)