html 空白漢字佔位符

前端開發中，你們可能會遇到這樣的問題：標題存在字數不同的狀況，可是產品大哥，讓你要對齊。還必須對齊。他說他有強迫症

原來是這樣的：

要變成這樣的：

當遇到這樣的狀況時，咱們第一個想到的使用空格，可是空格達不到想要效果。下面介紹一些簡單的html 空白漢字佔位符。

html 空白漢字佔位符

全角：是一種電腦字符，是指一個全角字符佔用兩個標準字符（或兩個半角字符）的位置。全角佔兩個字節。 半角：是指一個字符佔用一個標準的字符位置。半角佔一個字節。 無論是半角仍是全角，漢字都要佔兩個字節。

　 == 一箇中文寬度

  == 普通的英文半角空格

  ==   ==   == no-break space （普通的英文半角空格但不換行）

  ==   == en空格 （半個中文寬度）

  ==   == em空格 （一箇中文寬度）

  == 四分之一em空格 （四分之一中文寬度）

相比平時的空格（ ），&nbsp擁有不間斷（non-breaking）特性。即連續的&nbsp會在同一行內顯示。
即便有100個連續的nbsp，瀏覽器也不會把它們拆成兩行。

複製代碼

實踐效果

記住它們，說不定你就用上了