去掉CoolCode插件的代码显示框的滚动条

这几天，我在忙着把我使用WordPress过程中遇到的每一个小的问题一篇一篇地写出来的时候，频繁地使用了CoolCode插件，觉得这个插件的效果相当好看，但是看多了，发现好多代码段的外框都有一个讨厌的滚动条。

滚动条出现的原因是容器内部的文字过长，发生了溢出，浏览器根据样式表或者默认的方法对其进行处理。当然，CoolCode插件的样式表，让那个代码显示框出现了滚动条。

出现滚动条可以最大限度地保证代码的完整性，可以让观众看到一字不差，但是说实在的，滚动条很破坏页面的整体感，反正就是让我看着不爽。反正我贴的代码我都很清楚，观众什么的，唉，还是把页面的美观放在第一位吧，不好意思啦各位~~：D

其实就是一行CSS的问题啦，但是发现行代码，到使用两种浏览器对各种参数设定的显示效果进行验证，我还是费了一些事情的。好，我还是把最简单的结果告诉大家吧。

找到coolcode.css文件，在其中找到：

将overflow的属性值改成hidden，就可以实现不展示滚动条了，但是，其缺陷也是很明显的，顾名思义了，如果字太长，就会被hidden咯~~这个就看自己怎么取舍了，如果以后都能在这个问题上注意点，效果应该不会太差的。

顺便说一句，hidden也并不是不分青红皂白的就给砍掉，而是如果你的这行字很长，而且中间一个空格都没有，才砍掉，因为这个时候浏览器不知道在那里斩断换行，所以只好砍掉了。这也就是大家看到的，上面引用的代码中，为什么font-family那一行没有被斩断，而是自动换行的原因。