3.3.3　多行代码块

pre元素一般用于显示大块的代码段，并保证原有格式不变。另外可以在pre元素上应用.pre-scrollable样式，则可以控制该区域最大高度为340像素，并可以在y方向滚动。

  1. // 源码709行
  2. pre {
  3.   display: block;
  4.   /* 省略部分代码*/
  5.   word-break: break-all;
  6.   word-wrap: break-word;
  7.   background-color: #f5f5f5;                                 /* 背景颜色为浅灰色*/
  8.   border: 1px solid #ccc;                                    /* 边框为深灰色*/
  9.   border-radius: 4px;
  10. }
  11. .pre-scrollable {
  12.   max-height: 340px;                                         /* 固定高度*/
  13.   overflow-y: scroll;                                        /* 竖向可滚动*/
  14. }