CSS实现pre标签的样式

我们在开发过程中，如果页面需要pre代码块，但是默认的代码块看不到样式，那么下方css代码能完美的解决该问题

pre{
    white-space: pre-wrap;       /* css-3 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    overflow: auto;
    word-break: break-all;
    word-wrap: break-word;
}