首先我們先看看html段落元素中是怎么設(shè)置空格的:
大家都知道在HTML一個(gè)段落中,想把一句話之間多給點(diǎn)距離,就點(diǎn)一個(gè)空格,但是在大多數(shù)主流瀏覽器中所有很多的空格就只會(huì)顯示一個(gè)小空格的距離出來(lái),所以在寫代碼的時(shí)候會(huì)把空格符號(hào)給專門用出來(lái),雖然現(xiàn)在用的空格符號(hào)比較少,但是在一些細(xì)節(jié)處理方面,想留一些空格的時(shí)候還是用這個(gè)空格符處理是最方便的。
現(xiàn)在我們來(lái)看看一個(gè)段落元素中空格符的設(shè)置:
<!doctype html><html><head><meta charset="utf-8"><title>PHP </title></head><body><p>這里是PHP ; 這里是PHP ;這里是PHP ; 這里是PHP ;這里是PHP ;這里是PHP ;這里是PHP ;這里是PHP ;這里是PHP ;</p></body></html>
上面代碼把第一句話后面空了很大的一行,我們想這樣和我在后面用的空格符之間的距離誰(shuí)更大呢?
我們來(lái)看看在瀏覽器中顯示的效果圖:

我們可以很清楚的看到,第一個(gè)是用那么多空格堆出來(lái)的空間,在瀏覽器中只會(huì)顯示那么一點(diǎn)小空間,后面是空格符顯示的效果是不是比自己打空格好多了,空間頓時(shí)就大了很多。
當(dāng)然我們平常肯定不會(huì)要空很大的空間的,就算要空的大,那就不會(huì)用空格符。今天我們就是講的空格符 的使用,不說(shuō)其它的,這個(gè)空格符對(duì)些懶人來(lái)說(shuō)還是挺好用的。(想看更多就到PHP HTML開(kāi)發(fā)手冊(cè)欄目中學(xué)習(xí))
我們現(xiàn)在再來(lái)看看還有兩個(gè)和 空格符是一樣的,我們來(lái)看看:
  :“en空格”是根據(jù)字體排印學(xué)的計(jì)量單位命名,寬度是兩個(gè)普通空格的寬度
  :“em空格”大概是四個(gè)普通空格的寬度
都是不影響換行的空格符號(hào)。它們的使用比 稍微少一點(diǎn),因?yàn)樗鼈冇袝r(shí)候空的空間比較大。
我們?cè)賮?lái)細(xì)看看它們之間的區(qū)別:
<body><p>這里是PHP ;   這里是PHP ;這里是PHP ; 這里是PHP ;這里是PHP ;   這里是PHP ;這里是PHP ;這里是PHP ;這里是PHP ;</p></body>
在里面加了三種空格符號(hào),我們來(lái)看看效果:

三種空格標(biāo)簽,我們看著上面的顯示圖來(lái)給它們排個(gè)名次吧,當(dāng)然網(wǎng)上也有很多人給這個(gè)排名的,但是我們自己說(shuō)自己的,讓自己更清楚的知道就行了。
現(xiàn)在我們照著上面的圖片我們看看排名情況:
第一名,空的最大的當(dāng)然是 ,也很明顯是把,都是三個(gè)空格符,就 最大。
第二名,也就是空的第二大的是 ,這個(gè)是空的第二大的,比最后一名的將近大了一倍。
最后一名當(dāng)然就是我們本章說(shuō)的 空格符了,雖然空的空間小,但是在某些地方還是很實(shí)用的。
好了,今天的這篇關(guān)于空格 的文章就到這里了,想學(xué)更多就來(lái)PHP html參考手冊(cè)欄目中學(xué)習(xí)吧。有問(wèn)題的可以在下方提問(wèn)。
【小編推薦】
css中的padding屬性可以為負(fù)值嗎?css中padding屬性的詳解
css偽元素有哪些?css偽元素的詳情介紹(內(nèi)附實(shí)例)
以上就是HTML段落元素中怎么設(shè)置空格?HTML空格的設(shè)置總結(jié)的詳細(xì)內(nèi)容,更多請(qǐng)關(guān)注 其它相關(guān)文章!
鄭重聲明:本文版權(quán)歸原作者所有,轉(zhuǎn)載文章僅為傳播更多信息之目的,如作者信息標(biāo)記有誤,請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除,多謝。
新聞熱點(diǎn)
疑難解答
圖片精選