PTT
Submit
Submit
選擇語言
正體中文
简体中文
PTT
Web_Design
[問題] 兩個字的人名 中間有空一格的效果
作者:
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直接搜尋時去掉空白會簡單很多
繼續閱讀
[請益] 網頁聊天室請益
laughyet
Re: [問題] 關於主機的選擇
lic13
[問題] three.js 預設亮度
DJWS
[問題] input type="date" 民國年
kisha024
Re: [問題] 關於主機的選擇
fmqrog
[問題] 關於主機的選擇
Hadamard
[心得] 《深入淺出html》,過譽了。
secretfly
[問題] Vue的子元件操作父元件的function
ctah
Fw: [心得] 從繁到簡:使用Zodios重塑您的API串接體驗
VdustR
售 全新程式書籍
yellowww
Links
booklink
Contact Us: admin [ a t ] ucptt.com