Html 如何使多个链接进入多行，如果他们不能适应divs宽度

我有一个包含X个链接的div。这些链接在div中自动分隔，以便从左向右延伸

但若有很多链接，那个么它们就用完了div。有并没有办法让它们进入多行来自动解决这个问题

注：按下按钮查看问题按钮仅显示问题

$“按钮”。单击功能{ $'div'.200 } div{ 宽度：100%； 显示器：flex； 边框：1px000； 填充：10px； 证明内容：之间的空间； } a组{ 显示：内联块； } 设置宽度您可以简单地添加flex wrap:wrap；它会将子元素包装在父元素中

$“按钮”。单击功能{ $'div'.200 } div{ 宽度：100%； 显示器：flex； 边框：1px000； 柔性包装：包装； 填充：10px； 证明内容：之间的空间； } a组{ 显示：内联块； } 设置宽度您可以简单地添加flex wrap:wrap；它会将子元素包装在父元素中

$“按钮”。单击功能{ $'div'.200 } div{ 宽度：100%； 显示器：flex； 边框：1px000； 柔性包装：包装； 填充：10px； 证明内容：之间的空间； } a组{ 显示：内联块； } 设置宽度使用flex wrap:wrap，如：

在JS中，将一个类添加到div（在我的示例中是固定的），以对齐链接：

$('button').click(function() {
  $('div').width(200);
  $('div').addClass('fixed');
})

请看下面的代码片段：

$“按钮”。单击功能{ $'div'.200； $'div'.addClass'fixed'； } div{ 宽度：100%； 显示器：flex； 柔性包装：包装； 边框：1px000； 填充：10px； 证明内容：之间的空间； } 分区固定{ 调整内容：灵活启动； } a组{ 显示：内联块； } 设置宽度使用flex wrap:wrap，如：

在JS中，将一个类添加到div（在我的示例中是固定的），以对齐链接：

$('button').click(function() {
  $('div').width(200);
  $('div').addClass('fixed');
})

请看下面的代码片段：

$“按钮”。单击功能{ $'div'.200； $'div'.addClass'fixed'； } div{ 宽度：100%； 显示器：flex； 柔性包装：包装； 边框：1px000； 填充：10px； 证明内容：之间的空间； } 分区固定{ 调整内容：灵活启动； } a组{ 显示：内联块； }

---

设置宽度，正如其他答案所指出的：柔性包裹：将元素包裹成多行

这里的问题是，对正内容：空格之间不知道如何左对正最后一行

作为一种解决方法，您可以在项目列表的末尾添加一些隐藏元素，比一行中的元素数量少一个

通过这种方式，flexbox将为它们分配空间，但另一方面，由于CSS隐藏了它们，它们将不可见

$“按钮”。单击功能{ $'div'.200 } div{ 宽度：100%； 显示器：flex； 柔性包装：包装； 边框：1px000； 填充：10px； 证明内容：之间的空间； } a组{ 显示：内联块； 弹性：0.7%； } .隐藏{ 可见性：隐藏； 指针事件：无； }

---

设置宽度，正如其他答案所指出的：柔性包裹：将元素包裹成多行

这里的问题是，对正内容：空格之间不知道如何左对正最后一行

作为一种解决方法，您可以在项目列表的末尾添加一些隐藏元素，比一行中的元素数量少一个

通过这种方式，flexbox将为它们分配空间，但另一方面，由于CSS隐藏了它们，它们将不可见

$“按钮”。单击功能{ $'div'.200 } div{ 宽度：100%； 显示器：flex； 柔性包装：包装； 边框：1px000； 填充：10px； 证明内容：之间的空间； } a组{ 显示：内联块； 弹性：0.7%； } .隐藏{ 可见性：隐藏； 指针事件：无； }

---

设置宽度有没有办法让最后一行中的链接向左浮动？@PeterHansen更新了答案，看一看。这就是我想要的，但是按钮只是用来显示问题的，我没有html中的按钮page@PeterHansen然后您需要应用justify内容：flex start；对于你的部门，我想答案是否定的，它不能按照我想要的方式自动缩放。有没有办法让最后一行的链接向左浮动？@PeterHansen更新了答案，看一看。这就是我想要的，但按钮只是为了显示问题，我没有html中的按钮page@Pet

---

然后您需要应用justify内容：flex start；对你的部门来说，我想答案是否定的，它不能按照我想要的方式自动伸缩。