列未正确对齐答案

【问题标题】：Columns not aligning Correctly列未正确对齐
【发布时间】：2020-08-15 04:42:18
【问题描述】：

我有一个新闻部分，设置为总共显示 12 条新闻，每行 4 条，总计 3 行。但是，它们似乎没有正确对齐。请看下图。

enter image description here

【问题讨论】：

您可以发布 html 和 css 以重现该页面吗？
感谢 Dan 与我们联系，如果可以，可以分享网址吗？
是的。发布网址，这样更容易弄清楚。
url:damitavictoria.com 在平板电脑和手机上完全没有响应
对我来说看起来不错。我正在运行 Window 7，并在最新版本的 Chrome、Edge、Firefox 和 IE 中进行了尝试。您在哪个浏览器中看到问题？

标签： jquery css wordpress

【解决方案1】：

在下面的屏幕截图中，您会看到一个 div 突出显示了 .row 和 .row-products 类

将该行设为基于行的 flex-layout，您将获得所需的内容。

.row-products {
    display: flex;
    flex-flow: row wrap;
}

【讨论】：

【解决方案2】：

.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12{
    float:left
}

删除float:left并添加display:inline:block;

使用引导网格： https://getbootstrap.com/docs/4.0/layout/grid/

【讨论】：