Css 如何使div正确地显示在一行中？

嘿，我正在尝试将一行中的几个div作为表头。但是当我把窗口变小时，一些标题会转到下一行。

---

我怎样才能使它们保持在一行，并在需要时缩小整个div的大小？

您需要以百分比或vw为单位设置div的宽度

在这里，它将占据母公司部门的20%

.example_div {
    width: 20%;
}

在这里，它将占据设备宽度的20%（可能大于父宽度）

您可以将它们与“最大宽度”结合使用，以允许更大的屏幕保持您设置的初始宽度行为，我假设下面是像素

在这里，它将设置一个最大宽度，但在需要时收缩百分之十

.example_div {
    max-width: 100px;
    width: 20%;
}

---

尝试使用

显示：表格单元格

以防止div沿页面向下流动。如果你想让它们调整大小，那么也许类似引导布局的东西可以帮助你。

你可以对你的代码做一个调整，给每个标题元素33%的宽度（如果你有3个），或者看看哪个元素越来越受欢迎，并且在相关的浏览器中受到支持

.example_div {
    max-width: 100px;
    width: 20%;
}