不如右键选择open link in new tab来查看吧，这样就可以自动换行了，chrome的resources是严格按照元素内部文本结构来呈现的，也就是如果它的网站CSS是经过压缩的，把所有换行都清除掉了，在resources里面就是一行显示全部；如果网站的CSS里面是分行显示的，在resources里面也就是分行显示，似乎也没有什么地方可以改变这一设置，一般这些CSS要看的话都是下载下来或者新开一个页面看了，没有必要在开发者工具里面看，空间又小又挤，看起来也费力，而且要调试的话直接在elements里面就可以解决问题了。f12 或 鼠标右键元素点“审查元素”（某些版本是“检查”）
或者你的意思是看所有的css资源，f12后点resources，在左侧找frames，然后找到stylesheets。
这个没试过，但是感觉应该不会，因为浏览器不会重新加载这个css文件。
推荐楼主可以这么做：
1.Elements选项卡
2.找到左下角有个像放大镜一样的按钮，点击，这时回到chrome页面，选择你想查看css样式的部分（选中的那部分会有一个遮罩层）
3.这时右侧有个Styles，点开，会看到当前选中部分的样式，在这里改是可以直接看到页面效果的。但它是临时的（页面刷新就没了），比较适合调样式。
建议用上面的方法调过，合适再写到css里
