Html 在行中放置内部div

我有一个包含3个不同div的div容器。我想将内部div排成一行。
以下是html代码：

.partners{
显示：内联块；
显示器：flex；
弯曲方向：行；
宽度：100%
}

10+
合作伙伴投入时间和精力支持我们的任务

150+
成员们努力工作以支持我们的使命

243+
捐助者支持我们的社区，使不可能成为可能

ypu可以使用like

.partners div{width:30%}

设置子div的最大宽度，要在它们之间添加一些空间，您也可以使用

.partners{justify content:space between；}

提示：当您在上面放置另一个display:flex时，display inline块被取消，尝试只使用flex

如果忘记关闭html中的标记，则通常会发生这种情况。 请检查代码的其余部分，确保没有忘记关闭任何标记。您还可以使用在线未关闭的html标记检查器，如下所示：

---

您是否尝试过使用metroui或bootstrap之类的工具

即： 使用metroUI，您可以使用网格系统来完成您想要的工作，请参见：

以下是一个链接，解释如何将metroui包括在项目中：

---

这将解决您的问题

.partners{
    justify-content:space-around;
    display: flex;
    width: 100%;
}

.partners div{
    width:30%;
}

---

它似乎工作正常？您正在使用

display

2次。如果希望

flex

或

inline block

在我看来不错，请选择。你能分享一张检查员的截图吗？此外，正如@OmriAttiya所提到的，确保使用

display

一次<代码>flex应该可以正常工作。我删除了display:inline块，但它没有解决问题。唯一的变化是现在inspector包含2个div。我检查了它，并且我的html代码不包含任何未检查的标记。感谢您创建此网站，它将在将来对我有用。感谢您的回答。我尝试了您的解决方案，但它只影响图像和H1。这两个位置很好，但是它们下面的段落位于每个图像的右侧，h1和我仍然有扩展的窗口。你能帮我解决这个问题吗？