其他分享
首页 > 其他分享> > Chrome 90的flexbox调试工具

Chrome 90的flexbox调试工具

作者:互联网

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

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

标签:flex,flexbox,Chrome,按钮,90,工具
来源: https://blog.csdn.net/time1812/article/details/116117984