本文主要是介绍Chrome 90的flexbox调试工具,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
时间过得真快,Chrome 的版本已经升级到90了。
这次的开发者工具更新中增加了flexbox调试工具,试了一下,挺有意思的。
首先在Elemets 视图下,如果一个元素的display: flex的话,元素后面会显示一个 “flex” 的按钮,点一下网页上相应的位置就会出现一个虚线框表示出这个flexbox的位置。如图
然后在边栏上styles标签下对应的flex定义处会出现一个按钮
点开有惊喜…
这篇关于Chrome 90的flexbox调试工具的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!