html - 如何知道在哪里呈现更多信息

Question

我在相互 float 的 div 中显示数据。由于屏幕大小，我不知道一行中显示了多少个 div(可以是一个也可以是 10 个)。这是我的场景。假设我当前的屏幕尺寸允许我在一行中显示 5 个组件。

-c-c-c-c-c-
-c-c-c-c-c-
-c-c

假设每个 c 都是一个 React 组件。如果我单击第一行第三个组件，我想在该行下显示更多信息。不在 div 旁边。我怎样才能找到绘制更多信息组件的位置？

Answer 1

这可能被认为是一种“jank”，但是如果您点击的元素无形地扩展了——通过添加一个空的 div 或在它的底部添加一个具有设置高度但给它一个固定宽度的任何东西100% 的容器 -- 并在其中放置您想要的任何信息？

这样，您单击的 div 所在的整行都会扩展以容纳您放置在其底部的新 div，并且您可以在其中放置任何相关信息？