首先我們先看看段落文本換行的方法:
網(wǎng)頁(yè)中的段落通常都是用 p 標(biāo)簽來(lái)表示的,那么在一個(gè)p標(biāo)簽里面的文本在瀏覽器中都會(huì)以一段顯示,除非瀏覽器的框架不夠,不然都是以一行顯示的,只有框架不夠的時(shí)候才會(huì)自動(dòng)的換行,但是我們?nèi)绻胍謩?dòng)給里面換行可以嗎?事實(shí)當(dāng)然是不行的,你在代碼中的換行在瀏覽器看來(lái)和沒(méi)動(dòng)一樣,最多多了一點(diǎn)的空格而已。所以現(xiàn)在要用到的就是我們本篇文章所說(shuō)的br標(biāo)簽的用處了。
br 標(biāo)簽是一個(gè)單標(biāo)簽,br就是用來(lái)給文本換行顯示的,讓瀏覽器識(shí)別的。
所以,現(xiàn)在我們看段代碼:
!doctype html html head meta charset= utf-8 title PHP /title /head body p 這里是PHP ,有著最全的在線教學(xué)的課程,包含了全部的編程學(xué)科,讓你們能學(xué)到更多的東西。這里是PHP ,有著最全的在線教學(xué)的課程,包含了全部的編程學(xué)科,讓你們能學(xué)到更多的東西。這里是PHP ,有著最全的在線教學(xué)的課程,包含了全部的編程學(xué)科,讓你們能學(xué)到更多的東西。這里是PHP ,有著最全的在線教學(xué)的課程,包含了全部的編程學(xué)科,讓你們能學(xué)到更多的東西。 /p /body /html
這里面是一個(gè)段落,看看效果:
如圖都是因?yàn)闉g覽器的窗口小了。所以顯示的行數(shù)多了,這是是不是很亂。但是我們要的是讓文本在哪一個(gè)字后面就不要顯示了,出現(xiàn)在下一行中顯示。(想看更多就來(lái):html在線視頻教程)
現(xiàn)在我們加上 br 標(biāo)簽看看效果:
body p 這里是PHP ,有著最全的在線教學(xué)的課程,包含了全部的編程學(xué)科,讓你們能學(xué)到更多的東西。 /br 這里是PHP ,有著最全的在線教學(xué)的課程,包含了全部的編程學(xué)科,讓你們能學(xué)到更多的東西。 /br 這里是PHP ,有著最全的在線教學(xué)的課程,包含了全部的編程學(xué)科,讓你們能學(xué)到更多的東西。 /br 這里是PHP ,有著最全的在線教學(xué)的課程,包含了全部的編程學(xué)科,讓你們能學(xué)到更多的東西。 /p /body
看上面的代碼,我在里面放了三個(gè)br標(biāo)簽,看看效果:
是不是感覺(jué)瞬間就清晰了很多啊。這就是br標(biāo)簽的用法了。我們通常都是把br標(biāo)簽放在自己要想換行的地方,這樣才能起到作用,不然亂放或者不放的話都是對(duì)這個(gè)文本顯示不美觀,我們可以用br標(biāo)簽來(lái)調(diào)節(jié)這個(gè)文本的格式化。
好了,本篇關(guān)于HTML段落文本換行的文章到這里就結(jié)束了,如果有問(wèn)題的可以在下方提問(wèn)。
【小編推薦】
html中b標(biāo)簽和strong標(biāo)簽的區(qū)別是什么?b和strong區(qū)別的總結(jié)
HTML中添加圖片的代碼是什么?html如何正確的添加圖片路徑?
以上就是HTML中的段落文本如何換行?一篇文章告訴你換行標(biāo)簽br的用法的詳細(xì)內(nèi)容,html教程
鄭重聲明:本文版權(quán)歸原作者所有,轉(zhuǎn)載文章僅為傳播更多信息之目的,如作者信息標(biāo)記有誤,請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除,多謝。
新聞熱點(diǎn)
疑難解答
圖片精選