CSS设置美观且响应式的table表格,超出屏幕变滚动条

    富文本回显,或者普通html中的table表格由于内容一般都比较多,不特别设置样式的情况下可能会出现过度挤压、超出屏幕、或者文字被截断等各类诡异情况,莫慌,其实只需要对网站的table做统一样式设置就可以了,两三行代码便可让table表格支持响应式布局,在超出屏幕宽度后灵活的生成横向滚动条,在此基础上还对table表格的整体外观做了简单的美化效果,所以通过下载此文件你可以得到一个支持响应式且外观简约大方的table


模板目录结构如下: