位置：首頁(yè) > 軟件操作教程 > 編程開(kāi)發(fā) > HTML > 問(wèn)題詳情

3.1.3 預(yù)先格式化<pre> 3.1基本的文字排版 HTML

提問(wèn)人：劉團(tuán)圓發(fā)布時(shí)間：2020-11-05

在編輯HTML文檔時(shí)，有時(shí)希望文本在瀏覽器中的顯示效果和寫在HTML文檔中的格式保持一致，這就要使用到<pre>標(biāo)記。pre是 preformat(預(yù)格式化)的簡(jiǎn)寫，使用<pre></pre>標(biāo)記對(duì)對(duì)網(wǎng)頁(yè)中文字進(jìn)行預(yù)先格式化設(shè)置后，被包圍在<pre>元素中的文本通常會(huì)保留空格和換行符，而文本一般會(huì)呈現(xiàn)為等寬字體。

本例的文本造型以輸入的形式顯示出來(lái)，保留了所有的空格和換行效果，這種情況使用<pre>標(biāo)記能夠輕松做到。

代碼如下：

<!DOCTYPE html>

<html>

<head>

<title>預(yù)先格式化</title>

</head>

<body>

<pre>

            《春江花月夜》

        春江潮水連海平，海上明月共潮生。

      滟滟隨波千萬(wàn)里，何處春江無(wú)月明。

    江流宛轉(zhuǎn)繞芳甸，月照花林皆似蔽。

  空里流霜不覺(jué)飛，汀上白沙看不見(jiàn)。

江天一色無(wú)纖塵，皎皎空中孤月輪。

  江畔何人初見(jiàn)月，江月何年初照人？

    人生代代無(wú)窮已，江月年年只相似。

      不知江月待何人，但見(jiàn)長(zhǎng)江送流水。

        白云一片去悠悠，青楓浦上不勝愁。

          誰(shuí)家今夜扁舟子，何處相思明月樓？

            可憐樓上月徘徊，應(yīng)照離人妝鏡臺(tái)。

              玉戶簾中卷不去，搗衣砧上拂還來(lái)。

            此時(shí)相望不相聞，愿逐月華流照君。

          鴻雁長(zhǎng)飛光不度，魚(yú)龍潛躍水成文。

        昨夜閑潭夢(mèng)落花，可憐春半不還家。

      江水流春去欲盡，江潭落月復(fù)西斜。

    斜月沉沉藏海霧，碣石瀟湘無(wú)限路。

  不知乘月幾人歸，落月?lián)u情滿江樹(shù)。

</pre>

</body>

</html>

image.png

繼續(xù)查找其他問(wèn)題的答案？

相關(guān)視頻回答
回復(fù)(0)
返回頂部