一、鍵入空格
在html頁面中,我們可以通過鍵入“空格”鍵來插入空格。
例:在p.p1中鍵入一個空格,在p.p2中鍵入5個空格。注:此時是半角狀態鍵入“空格”
p >效果圖:
可以看出,無論我們在HTML中是鍵入1個空格或者5個空格,還是其他多個空格,Web瀏覽器都會自動將這些空格折疊為僅一個空格。
那么我們如何顯示多個鍵入的空格?可以通過在全角狀態鍵入“空格”鍵,例:
p >效果圖:
說明:全角空格會被解釋為漢字,以空白漢字的形式顯示,且是實數顯示(有多少就顯示多少)。
或者使用 pre 標簽來解決這個問題(半角狀態鍵入“空格”),例:
p >效果圖:
二、使用html的空格符
我們可以使用html中表示空格的字符實體來在html頁面中插入空格,下面我們來看看在html中表示空格的字符實體有哪些:
nbsp;字符:不斷行的空白格,該空格占據的寬度受字體影響。
ensp;字符:相當全角狀態鍵入半個“空格”鍵(半個漢字的寬度)。
emsp;字符:相當全角狀態鍵入“空格”鍵(1個漢字的寬度)。
下面我們來看看效果:
p >效果圖:
說明: ensp;和 emsp;字符所占據的寬度基本上不受字體影響,是相當穩健的。
總結:以上就是本篇文章的全部內容,希望能對大家的學習有所幫助。
鄭重聲明:本文版權歸原作者所有,轉載文章僅為傳播更多信息之目的,如作者信息標記有誤,請第一時間聯系我們修改或刪除,多謝。
新聞熱點
疑難解答