<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8"> 
        <title>菜鸟教程(runoob.com)</title> 
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">  
        <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
        <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
    </head>
    <body>

        <div class="container">
            <h2>代码</h2>
            <p>使用 pre 元素输出多行:</p>
            <pre>在 pre 元素中的文本
    宽度的显示与文本的宽度一样，
    保留了  空  格 和

    换行。</pre>
            <p>如果你添加 .pre-scrollable 类,  pre 元素最大的高度 max-height 为 350px ，并生成一个 Y 轴的滚动条:</p>
            <pre class="pre-scrollable">在 pre 元素中的文本
    宽度的显示与文本的宽度一样，
    保留了  空  格 和

    换行。</pre>
        </div>

    </body>
</html>