小编Don*_*ato的帖子

首先,让我解释一下我所知道的内容,并尝试了以下变体:

• 典型的宽高比hack,它根据宽度管理元素的高度.
• Stackoverflow应答,其中高度由图像确定,然后图像决定容器的宽度.

我感兴趣的是纯CSS解决方案,无论你能想到什么hacky,new-fangled,实验性属性,都能达到以下效果:

卡的高度基于内容(在这种情况下是标题和段落).我们称之为h.卡片中的另一个元素应该是相同的h高度(基于兄弟的内容),无论该h数量是多少,它也应该是该元素的宽度(以创建正方形).

编辑(2019-28-02):我为在下一点上不清楚而道歉,但是,为了使文本换行,文本所在的区域应该具有最大宽度.截至今天,MarcBellêtre的解决方案非常接近.

这个问题与一个没有收到任何回复的旧问题非常相似.不同之处在于,在这种情况下,父级没有接收任何明确的高度值.父卡的高度完全取决于其中的文本.我可以想象,如果这个问题没有得到任何回应/解决方案,这可能会有所不同,特别是因为这稍微困难一些.然而,自那时以来出现了新技术(即:flexbox/grid),这可能会有所帮助.

请不要使用JavaScript解决方案.我非常清楚如何使用它实现这一目标.

我很想知道是否有一个约定允许人们从包内测试包的预期用法。考虑以下 package.json：

{
   "name": "@place/fn",
   "version: "1.0.0"
}

在这个包中，我想要一个test.js文件，其中包含以下代码：

import mainThing, { anotherThing } from '@place/fn';

使用正确的目录结构或 package.json 配置可以实现这一点吗？我也很喜欢 CommonJS 语法，如果它能更好地工作的话。