案例:Bootstrap案例     状态:可编辑再运行    进入横版
x
 
1
<!DOCTYPE html>
2
<html>
3
<head>
4
    <meta charset="utf-8"> 
5
    <title>W3xue教程(w3xue.com)</title> 
6
    <meta name="viewport" content="width=device-width, initial-scale=1">
7
    <link rel="stylesheet" href="/css/bootstrap/bootstrap3.3.7.min.css">  
8
    <script src="/js/bootstrap/jquery.min.js"></script>
9
    <script src="/js/bootstrap/bootstrap3.3.7.min.js"></script>
10
</head>
11
<body>
12
13
<div class="container">
14
    <h2>代码</h2>
15
    <p>使用 pre 元素输出多行:</p>
16
    <pre>在 pre 元素中的文本
17
    宽度的显示与文本的宽度一样,
18
    保留了  空  格 和
19
20
    换行。</pre>
21
    <p>如果你添加 .pre-scrollable 类,  pre 元素最大的高度 max-height 为 350px ,并生成一个 Y 轴的滚动条:</p>
22
    <pre class="pre-scrollable">在 pre 元素中的文本
23
    宽度的显示与文本的宽度一样,
24
    保留了  空  格 和

 运行结果 
 北美留学生论坛