HTML裡空格應該如何使用

這次帶給大家HTML裡空格該如何使用，怎麼使用HTML裡的空格？ HTML裡的空格使用的注意事項有哪些，下面就是實戰案例，一起來看一下。

HTML提供了5種空格實體（space entity），它們擁有不同的寬度，非斷行空格（ ）是常規空格的寬度，可運行於所有主流瀏覽器。其他幾種空格（       ‌‍）在不同瀏覽器中寬度各異。

        

它叫不換行空格，全名No-Break Space，它是最常見和我們使用最多的空格，大多數的人可能只接觸了，它是按下space鍵產生的空格。在HTML中，如果你用空白鍵產生此空格，空格是不會累加的（只算1個）。要使用html實體表示才可累加，

該空格佔據寬度受字體影響明顯且強烈。

        

它叫做「半角空格」，全名是En Space，en是字體排印學的計量單位，為em寬度的一半。根據定義，它等同於字體度的一半（如16px字體中就是8px）。名義上是小寫字母n的寬度。此空格傳承空格家族一貫的特性：透明的，此空格有個相當穩健的特性，

就是其佔據的寬度正好是1/2個中文寬度，而且基本上不受字體影響。

        

它稱為「全角空格”，全名是Em Space，em是字體排印學的計量單位，相當於目前指定的點數。例如，1 em在16px的字體中就是16px。此空格也傳承空格家族一貫的特性：透明的，此空格也有個相當穩健的特性，

#就是其佔據的寬度正好是1個中文寬度，而且基本上不受字體影響。

        

#它稱為窄空格，全名是Thin Space。我們不妨稱之為“瘦弱空格”，就是該空格長得比較瘦弱，身體單薄，佔據的寬度比較小。它是em之六分之一寬。

相信看了這些案例你已經掌握了方法，更多精彩請關注php中文網其它相關文章！

相關閱讀：

怎麼在HTML網頁中插入影片

#怎麼做出HTML文字方塊唯讀效果

怎麼讓前端介面自動清理js、css檔案的快取

#

以上是HTML裡空格應該如何使用的詳細內容。更多資訊請關注PHP中文網其他相關文章！