我有一个flexbox容器,每一行上的项都会溢出,然后转到下一行。每个项目都与基线对齐;因此,根据哪些项目位于哪一行以及它们如何与基线对齐,行可以具有不同的大小。
这些项目如下图所示,以基线为中心:
我想知道是否有一种动态获得行高的方法?或者获取从每个项目的基线到行的顶部/底部的距离?
我想这样做,这样我就可以在项目周围设置悬停状态,允许悬停在项目上伸展,并使高度一直到每行的顶部,因此每个项目的悬停将如下所示:
我的尝试:
/* on hover i want this to be a box around the item, and to have the top a
如果我用flashbuilder创建一个新的flex项目,以下是默认情况下通过Flex SDK包含的库:
http://neo.cycovery.com/flex_problem4.gif
如果我创建一个ActionScript项目,那么具有完全相同路径的Flex SDK框架包含的swc文件要少得多:
http://neo.cycovery.com/flex_problem5.gif
如何将完整的flex框架集成到ActionScript项目中?
如果我尝试手动添加例如aircore.swc,我会得到一个
Description Resource Path Location Type
An i
edit1:我只是注意到,如果我“设备工具栏”改变宽度,我可以减少额外的空间……但前提是我的“屏幕”宽度恰好等于这3个项目的宽度。 我对css非常陌生,对react的反应也相对较新,但我一直在上一个关于……的课程。 我使用的是display: flex I a display: flex。我读到过,如果你让flex-box的一个元素有宽度:100%,它会把它移到下一行。这对我来说太好了。我移到下一行的是另一个显示:flex容器...它有3个项目。出于某种原因,它将外部容器扩展到其中4个项目的宽度。如果我添加一个项目并转到4个项目...它的宽度是4。 使用开发人员工具,我将鼠标放在上面,它非常