如何解决这个wordpress主题中帖子的对齐问题

Question

我在这个网站上使用w3school的w3css，我使用了w3-col l6 m6 s12来显示帖子。 它只是意味着它将在大屏幕上并排显示2个帖子，中间侧显示器相同，只有一个覆盖小屏幕上的所有12列。

但帖子没有正确对齐。

我尝试将height属性添加为auto但它不起作用。

查看我在我的网站上上传的演示网站，以便您可以看到它的实际效果。

http://wordpress.takshaksh.xyz/wp/

Answer 1

请在style.css中添加以下代码

div.w3-row-padding {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

或者像col_wrap一样在w3-row-padding中添加新类，并在样式下面应用

.col_wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.col_wrap:after,
.col_wrap:before { display:none;}

Answer 2

你可以在w3-col l6 m6 s12上添加这个CSS你的父容器

.w3-row-padding{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
 }

Answer 3

您可以通过每<div class="w3-row-padding w3-row">只有2个项来解决这个问题。