（（HTML / CSS）的制作方法 父级的子代 在HTML中，正好适合父级div的大小，并在正文末尾居中]]] >>]] > 所以基本上，我有一个父div，下面有5个div，每个div都像一个事物的标题，我想使那些子div恰好适合父的大小，因此它们不会全部排成一行在屏幕的左侧，右侧有一个很大的空白区域。我想让父div保持屏幕的整个宽度，因此有没有办法让孩子自动设置宽度，以使它们完美契合（idc，如果它们都具有相同的盒子尺寸，或者每个盒子都不同，我只是不需要右边的空白大空间。 请不要犹豫，我是HTML和CSS的新手，我只能使用尚无JS或其他任何东西，因为我在学校还没有做到这一点，所以不必理会它（至少在涉及到困难的情况下）东西，如果您能向我解释这个过程，那就太好了。 代码看起来像这样： <div class="menu"> <div class="menutab"> <a href="#">aaaaaa</a> </div> <div class="menutab"> <a href="#">bbbbbb</a> </div> <div class="menutab"> <a href="#">cccccc</a> </div> <div class="menutab"> <a href="#">dddddd</a> </div> <div class="menutab"> <a href="#">eeeeee</a> </div> <div class="menutab"> <a href="#">ffffff</a> </div> <div class="menutab"> <a href="#">gggggg</a> </div> <div class="menutab"> <a href="#">hhhhhh</a> </div> <div class="menutab"> <a href="#">iiiiii</a> </div> <div class="menutab"> <a href="#">jjjjjj</a> </div> </div> 顺便说一下，我现在也遇到了一些麻烦（不知道为什么原因，我想我之前解决了这个问题，但是）使整个身体居中，所以如果有人可以回答的话我也会很高兴。 谢谢大家！ 所以基本上，我有一个父div，下面有5个div，每个div都像一个事物的标题，我想使那些子div恰好适合父的大小，因此它们不会全部显示。 。 我将检查w3学校fixed menu example。我不知道您是否需要在主“菜单”中包含5个div，但是如果需要，您可以添加： <div class="menu" style="display: flex"> ... </div> 或者，将样式添加到css文件中的“ menu”类。 您好，欢迎来到stackoverflow的世界！ 首先，您能否也向我们提供您的CSS代码？ 如果我的问题正确，您希望在div中将所有这些子元素水平居中。通过使用CSS Flexbox 可以轻松实现 Flexbox 允许您在父元素内对齐，包装，重新排列子元素。 尝试使用 <div class="menu" style="display: flex; flex-direction: column; align-items: center"> </div> 看到魔术发生！ 如果要使子元素全部具有与父元素一样大的固定宽度，请在子元素上使用max-width: inherit。 我希望这会有所帮助！ 编辑： [如果您想将整个div放在页面主体的中间，请尝试在div上使用margin: 0 auto并确保主体具有width: 100% EDIT2： 因此，如果您希望所有子元素彼此相邻，并占用剩余父元素的宽度，则使用 <div class="menu" style="display: flex; justify-content: space-between; align-items: center"> </div>

Question

所以基本上，我有一个父div，下面有5个div，每个div都像一个事物的标题，我想使那些子div恰好适合父的大小，因此它们不会全部排成一行在屏幕的左侧，右侧有一个很大的空白区域。我想让父div保持屏幕的整个宽度，因此有没有办法让孩子自动设置宽度，以使它们完美契合（idc，如果它们都具有相同的盒子尺寸，或者每个盒子都不同，我只是不需要右边的空白大空间。

请不要犹豫，我是HTML和CSS的新手，我只能使用尚无JS或其他任何东西，因为我在学校还没有做到这一点，所以不必理会它（至少在涉及到困难的情况下）东西，如果您能向我解释这个过程，那就太好了。

Answer 1

我将检查w3学校fixed menu example。我不知道您是否需要在主“菜单”中包含5个div，但是如果需要，您可以添加：

<div class="menu" style="display: flex">
...
</div>

Answer 2

您好，欢迎来到stackoverflow的世界！

首先，您能否也向我们提供您的CSS代码？

如果我的问题正确，您希望在div中将所有这些子元素水平居中。通过使用CSS Flexbox