因此，如果我采用div并将其添加到它：
<div class="dongs">test</div>
<div class="dongs">test</div>
<div class="dongs">test</div>
.dongs {
background-color: blue;
max-width: 500px;
display: inline-block;
}
它将使div的线条彼此并排，并带有蓝色背景，但由于某种原因，最大宽度似乎无法使用。
我需要使用max-width的原因是，如果我将max-width彼此并排放置，并且假设用户长时间使用小型浏览器，它将调整div的大小并将其压缩，从而将其缩小，这就是max-宽度呢。允许容器变小但不能变大。
但是，如果我删除了内联块；div不会彼此相邻，但是max-width将起作用并且它们将调整大小。拜托，我需要帮助。谢谢
编辑：我做了很多研究，但似乎找不到答案。我的确看到了一个stackoverflow帖子，但是对我来说没有任何意义，也没有帮助。这里
您可以使用以下代码来实现所需的目标：
.dongs {
background-color: blue;
max-width: 33%;
display: inline-block;
}
说明：由于我们在开始时未设置任何显式宽度，因此浏览器将为所有元素分配适合元素内容所需的最小宽度（例如，您可以看到第二个和第三个div的宽度根据内容而有所不同）。但是，设置该max-width: 33%方法意味着浏览器在任何时间点最多只能为该元素分配父元素（如果没有其他父元素，则为正文）宽度的最大1/3。因此，如果内容更多，它将开始包装。
您还想设置一个overflow: hidden;或word-wrap: break-word;另外一个。第一个使溢出的内容被隐藏（当它们是很长的单词时会很有用），而第二个则使冗长的单词隐藏，然后将其环绕到下一行。可以根据需要使用任何一种。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句