HTML标签-pre
pre标签学习
背景：在文字的显示上， 想让文字内容中的换行符有效果，实现可换行显示内容。原用的p标签无法满足，它会把换行符替换为空格。
pre标签不是新标签,下面是为w3c上的解释：
原定就只是想可以实现文字换行，就直接拿来当p用了哈~
但pre有个问题，内容的文字会无视pre的width，文字多的会直接撑开显示，原因参考该贴评论
ps: 因为pre默认属性pre { white-space: pre; }
根据文章讲的改pre属性会破坏其语义，建议在父层操作，在外面加滚动条，但这是不符合想要的效果的，所以做了如下修改 修改 了 max-width 和 white-space: pre-wrap，参考网文：css强制换行和超出隐藏实现
pre {
max-width: 514px;
padding: 10px 0;
font-size: 13px;
color: #666;
white-space: pre-wrap;
}
实现效果：
