HTML元素里面多少種換行

本文轉載自查看原文 2020-05-13 15:21 1161 HTML

1.<br />

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>HTML換行顯示的方式（<br />）</title>
    </head>
    <body>
        <p>
            暴力真的可以解決一切，<br />帥真的可以當飯吃，<br />有錢真的可以為所欲為。
        </p>
    </body>
</html>

2.white-space: pre-line;

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>HTML換行顯示的方式（white-space: pre-line;）</title>
    </head>
    <body>
        <p style="white-space: pre-line;">
            暴力真的可以解決一切，
            帥真的可以當飯吃，
            有錢真的可以為所欲為。
        </p>
    </body>
</html>

3.white-space: pre;

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>HTML換行顯示的方式（white-space: pre;）</title>
    </head>
    <body>
        <p style="white-space: pre;">暴力真的可以解決一切，
帥真的可以當飯吃，
有錢真的可以為所欲為。</p>
    </body>
</html>

4.<pre></pre>

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>HTML換行顯示的方式（<pre></pre>）</title>
    </head>
    <style>
        pre {
            white-space: pre-wrap;
            white-space: -moz-pre-wrap;
            white-space: -pre-wrap;
            white-space: -o-pre-wrap;
            *word-wrap: break-word;
            *white-space: normal;
            font-family: inherit
        }
    </style>
    <body>
        <pre>暴力真的可以解決一切，
帥真的可以當飯吃，
有錢真的可以為所欲為。</pre>
    </body>
</html>

5.<textarea></textarea>標簽的占位符placeholder屬性換行

換行 (
)　　空格 ( )　　Tab (	)　　回車 ()

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>HTML換行顯示（placeholder）</title>
    </head>
    <body>
        <textarea rows="5" cols="40" placeholder="暴力真的可以解決一切，&#10;帥真的可以當飯吃，&#10;有錢真的可以為所欲為。"></textarea>
        <textarea rows="5" cols="40" placeholder="暴力真的可以解決一切，&#xA;帥真的可以當飯吃，&#xA;有錢真的可以為所欲為。"></textarea>
        <textarea rows="5" cols="40" placeholder="暴力真的可以解決一切，&#x000A;帥真的可以當飯吃，&#x000A;有錢真的可以為所欲為。"></textarea>
    </body>
</html>

6.<a></a>標簽的提示內容title屬性換行

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>HTML換行顯示（title）</title>
    </head>
    <body>
        <a title="暴力真的可以解決一切，&#10;帥真的可以當飯吃，&#10;有錢真的可以為所欲為。">鼠標懸停提示消息</a>
    </body>
</html>

免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。

猜您在找 HTML元素title里面和js里面幾句話如何換行格式代碼是如何的？ HTML里面Textarea換行總結 html 元素強制不換行 html td里面元素的獲取 jquery 獲取元素.text( ) 里面的值需要進行去空格去換行符操作 HTML元素分類【三種類型】 html元素不可見的三種方式 html元素兩種分類。替換元素和不可替換元素；塊級元素和行內元素 html書寫行內元素時-tab和換行會在行內元素間引入間距 HTML中為何p標簽內不可包含div標簽?那哪些塊元素里面不能放哪些塊元素呢？