Macbook Safari 将隐藏/溢出文本显示为堆叠式-PHP中文网问答

我正在 React 库中使用 Amplify UI 并制作显示用户及其一些信息的卡片。然而，如果它们有太多信息，溢出部分就会被切断，并可以在另一个页面上看到。除了某些用户的 Macbook 之外，一切看起来都很好。我很困惑，因为连 Iphone 都没有遇到过这个问题。

用户卡应如下所示：

但在某些人的 MacBook 上它最终看起来像这样：

请忽略个人信息的红色标记。

以下是我调用 Amplify 从 Figma 代码生成的组件的方法：

Bio: {
                    overflow: "fade",
                    style: {
                      WebkitOverflowScrolling: "touch", // for webit browsers to prevent stacked letters
                      whiteSpace: "nowrap",
                    },
                    maxHeight: "80px",
                    fontSize: { base: ".875rem", medium: ".875rem" },
                  },
                  Subjects: {
                    alignItems: "flex-start",
                    overflow: "clip",
                    style: {
                      WebkitOverflowScrolling: "touch", // for webit browsers to prevent stacked letters
                      whiteSpace: "nowrap",
                    },
                    maxHeight: "60px",
                    wrap: "wrap",
                    gap: "xs",
                    alignContent: "flex-start",
                  },

这里是 Amplify 生成的组件代码片段：

...

我还可以向这些容器中添加其他内容，以使 MacBook safari 现在显示堆叠信息吗？