Chrome 90的flexbox调试工具

Flex 2022-09-28

时间过得真快，Chrome 的版本已经升级到90了。

在这里插入图片描述

这次的开发者工具更新中增加了flexBox调试工具，试了一下，挺有意思的。
首先在Elemets 视图下，如果一个元素的display: flex的话，元素后面会显示一个 “flex” 的按钮，点一下网页上相应的位置就会出现一个虚线框表示出这个flexBox的位置。如图

在这里插入图片描述

然后在边栏上styles标签下对应的flex定义处会出现一个按钮

在这里插入图片描述

点开有惊喜…

在这里插入图片描述

css display:flex 属性

一：display:flex布局display:flex是一种布局方式。它即可以...

display:flex 布局详解2

1. flex设置元素垂直居中对齐在之前的一篇文章中记载过如何...

移动端开发

移动端开发知识点pc端软件和移动端apppc端软件是什么，有哪些...

grid布局笔记

最近挺忙的，准备考试，还有其他的事，没时间研究东西，快周...

盒模型

display:flex;把容器设置为弹性盒模型（设置为弹性盒模型之后...

我在网页上运行了一个Flex应用程序,我想使用Command←组合键...

相关文章