C/C++教程

Chrome 90的flexbox调试工具

本文主要是介绍Chrome 90的flexbox调试工具，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

时间过得真快，Chrome 的版本已经升级到90了。
在这里插入图片描述

这次的开发者工具更新中增加了flexbox调试工具，试了一下，挺有意思的。
首先在Elemets 视图下，如果一个元素的display: flex的话，元素后面会显示一个 “flex” 的按钮，点一下网页上相应的位置就会出现一个虚线框表示出这个flexbox的位置。如图
在这里插入图片描述
然后在边栏上styles标签下对应的flex定义处会出现一个按钮
在这里插入图片描述
点开有惊喜…
在这里插入图片描述

这篇关于Chrome 90的flexbox调试工具的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！
您可能喜欢
栏目导航