从客户端解决CSDN Blog样式问题

前日在Bolg中添加一个新的文章分类“算法导论示例”，在分类说明里添加以下内容：

<pre>
Introduction to Algorithms, Second Edition 
Thomas H. Cormen 
Charles E. Leiserson 
Ronald L. Rivest 
Clifford Stein
The MIT Press

Cambridge , Massachusetts London, England
McGraw-Hill Book Company

Boston Burr Ridge , IL Dubuque , IA Madison , WI New York San Francisco St. Louis Montréal Toronto 
This book is one of a series of texts written by faculty of the Electrical Engineering and Computer Science Department at the Massachusetts Institute of Technology. It was edited and produced by The MIT Press under a joint production-distribution agreement with the McGraw-Hill Book Company.
</pre>

最后一段文字比较长，用了pre之后，把页面撑得很宽，决定删除最后一段，但进入分类管理页面时，出现问题了：

居然将“编辑”按钮也给撑没了。我倒！

最好的方法是找CSDN Blog的开发人员从数据库里把pre删掉，又怕人家不伺候，还是自己想招吧：

1.寻根求源

从CSS着手，在源文件中找出样式表地址

2.顺手牵羊

从浏览器中打开，保存到C盘

3.恶虎掏心

修改样式表

table.Listing
{
 border-bottom: 3px solid #6B86B3;
 margin: 0px 0px 8px 0px;
 width: 100%;
}

改为

table.Listing
{
 border-bottom: 3px solid #6B86B3;
 margin: 0px 0px 8px 0px;
 width:100%;
 table-layout:fixed;
}

添加

pre
{
 overflow-y:scroll;
 word-break:break-all;
 word-wrap:break-word;
}

4.偷梁换柱

5.重见天日