css - 如何在 chrome 中查看页面的 css,而不是在一行中

标签 css google-chrome

如何在 chrome 中看到格式更漂亮的 css。目前我看到的是这样的:

input_tiny{width:50px}.input_small{width:100px}.input_medium{width:150px}.input_large{width:200px}.input_xlarge{width:250px}.input_xxlarge{width:300px}.input_full{width:100%}.input_full_wrap{display:block;padding-right:8px}::-moz-focus-inner{border:0;padding:0}input{margin:0}input[type="search"]::-webkit-sear

它们只是在一行中呈现!我怎样才能把它变成多行

.input_tiny{
    width:50px
 }
 .input_samll{
     width:100px
 }
 ......

最佳答案

Chromium 票已更新为固定 https://code.google.com/p/chromium/issues/detail?id=163123

现在可以在 chrome 稳定版中使用。你需要点击带花括号的按钮来美化CSS(和你做JS一样)

chrome devtools

关于css - 如何在 chrome 中查看页面的 css,而不是在一行中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16745016/

相关文章:

javascript - DOMException 权限被拒绝 - 定期后台同步

javascript - 我可以在 Chrome 扩展程序中包含 CryptoJS 文件吗?

javascript - 需要在点击输入元素之前显示daterangepicker(日历),当Html页面加载时

html - 如何防止 WebView 缩小呈现的网页?

css - 如何防止在 Chrome 中聚焦时显示隐藏元素?

css - 从 Chrome 中的 css 自定义样式按钮中删除蓝色边框

java - Chrome 操作系统上的用户无法查看在新选项卡中打开的 .csv 或 .xls 文件

html - 删除 Wordpress 菜单之一上的悬停红线

CSS 图像大小调整

css - 我的网站右侧有一个白边