首先，使用pre标签pre 元素可定义预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符（例如：\n）。而文本也会呈现为等宽字体。但是又出现了问题，数据太长会超出，不会换行显示，加上以下👇样式：

pre{

  white-space:pre-wrap;

    white-space:-moz-pre-wrap;

    white-space:-pre-wrap;

    white-space:-o-pre-wrap;

   word-wrap:break-word;

}

ok,解决啦