字符以及HTML實體 | 描述以及說明 |
---|---|
html |
這是咱們使用最多的空格,也就是按下space鍵產生的空格。在HTML中,若是你用空格鍵產生此空格,空格是不會累加的(只算1個)。要使用html實體表示纔可累加。爲了便於記憶,我老是把這個空格成爲「牛逼(nb)空格(sp – space)」,雖然實際上並不牛逼。該空格佔據寬度受字體影響明顯而強烈。在inline-block佈局中會搞些小破壞,在兩端對齊佈局中又是不可少的元素。是個讓人又愛又恨的小東東。 |
 web |
該空格學名不詳。爲了便於記憶,咱們不妨就叫它「惡念(e n-ian)空格」。此空格傳承空格家族一向的特性:透明滴!此空格有個至關穩健的特性,就是其佔據的寬度正好是1/2箇中文寬度,並且基本上不受字體影響。 |
 佈局 |
該空格學名不詳。爲了便於記憶,咱們不妨就叫它」惡魔(e m-o)空格」。此空格也傳承空格家族一向的特性:透明滴!此空格也有個至關穩健的特性,就是其佔據的寬度正好是1箇中文寬度,並且基本上不受字體影響。 |
 字體 |
該空格學名不詳。咱們不妨稱之爲「瘦弱空格」,就是該空格長得比較瘦弱,身體單薄,佔據的寬度比較小。我目前是沒用過這個東西,這裏亮出來是讓其過一下羣衆演員的癮。 |
其中的 和 ,因爲具備某一超讚的特性,使其能夠登上web屆的舞臺!什麼特性呢?如上表加粗展現,1. 透明; 2. 寬度正好跟中文正好是1:2和1:1的關係,因而,一些中文排版對齊什麼的,直接就能夠使用這兩個空格調節,如:spa
<ul> <li class="li">姓  名:<input type="text" /></li> <li class="li">手 機 號:<input type="text" /></li> <li class="li">電子郵箱:<input type="text" /></li> </ul>