Javascript 如何在一行引导中获得相同大小的列？ 请不要认为这是一个重复的问题，因为在类似问题中提供的方法似乎不起作用。

苹果iPhone 6太空灰，16 GB 五百

HP Core i3第五代-4 GB/1 TB硬盘驱动器/DOS X5Q17PA 15-be005TU笔记本电脑15.6英寸，涡轮银，2.19千克 三百五十

Redmi注3深灰色，16 GB 五十

HP Pavilion Celeron双核-2 GB/500 GB HDD/DOS W0H99PA 11-S003TU笔记本电脑11.6英寸，黑色，1.23千克 三百五十

使用下面的样式

.row {
  display: -webkit-flex;
  display: flex; 
}
.col-sm-6.col-md-3 {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

这只是样式：您应该添加并使用不同的类名 .fx集装箱， .fx容器>div{ 显示器：flex； } 苹果iPhone 6太空灰，16 GB 五百

HP Core i3第五代-4 GB/1 TB硬盘驱动器/DOS X5Q17PA 15-be005TU笔记本电脑15.6英寸，涡轮银，2.19千克 三百五十

Redmi注3深灰色，16 GB 五十

HP Pavilion Celeron双核-2 GB/500 GB HDD/DOS W0H99PA 11-S003TU笔记本电脑11.6英寸，黑色，1.23千克 三百五十

对行使用flex：

但是，它会使.row无响应，因此在媒体查询中添加display:flex：

请翻页查看等高列

@介质最小宽度：768px{ .行{ 显示器：flex； } [类别*=列sm-]缩略图{ 身高：100%； } } 苹果iPhone 6太空灰，16 GB 五百

HP Core i3第五代-4 GB/1 TB硬盘驱动器/DOS X5Q17PA 15-be005TU笔记本电脑15.6英寸，涡轮银，2.19千克 三百五十

Redmi注3深灰色，16 GB 五十

HP Pavilion Celeron双核-2 GB/500 GB HDD/DOS W0H99PA 11-S003TU笔记本电脑11.6英寸，黑色，1.23千克 三百五十

---

当文本较多时，该框如何保持不变？它必须扩大规模。如果您限制字符，会怎么样？这是一个机会吗？这将是我最不想做的事情，因为我想展示完整的标题。javascript有没有办法找到最大的div并将其他div设置为其大小。是的，现在这是一种可能性：添加我的答案如果不是针对所有浏览器，您可以使用flex。还有另一个jquery脚本可能会有帮助。谢谢，我们也会看看这个选项。你应该更详细地说明你的答案。我试过了，但它没有达到我想要的效果。我可以做一个代码片段，在这里我可以看到输出，因为框的尺寸不一样，使用about styleGlad它可以帮助您：这将保持列无响应！因此，可以根据需要使用媒体查询。这是一般的解决方案。有没有一种方法可以使按钮从底部相互对齐，这样看起来很漂亮。你也可以告诉我如何使其具有响应性。