时间过得真快,Chrome 的版本已经升级到90了。
![在这里插入图片描述](https://www.icode9.com/i/ll/?i=20210425102446255.png?,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3RpbWUxODEy,size_16,color_FFFFFF,t_70#pic_center)
这次的开发者工具更新中增加了flexbox调试工具,试了一下,挺有意思的。
首先在Elemets 视图下,如果一个元素的display: flex的话,元素后面会显示一个 “flex” 的按钮,点一下网页上相应的位置就会出现一个虚线框表示出这个flexbox的位置。如图
![在这里插入图片描述](https://www.icode9.com/i/ll/?i=20210425102003289.png#pic_center)
然后在边栏上styles标签下对应的flex定义处会出现一个按钮
![在这里插入图片描述](https://www.icode9.com/i/ll/?i=20210425102355175.png#pic_center)
点开有惊喜…
![在这里插入图片描述](https://www.icode9.com/i/ll/?i=20210425102430508.png#pic_center)
标签:flex,flexbox,Chrome,按钮,90,工具
来源: https://blog.csdn.net/time1812/article/details/116117984