Css 内联块元素未对齐

很久没有使用代码做过任何事情了，无法找出项目没有排列的原因。weff nedacam paignus中的所有元素应并排排列。相反，下一篇文章都被推到了下一页。是什么导致了这个问题？我可以用表来解决这个问题，但我很想理解为什么这个表不起作用，这样以后我就可以自己解决了

.weff nedacam paignus{
背景色：#fff；
浮动：左；
边界半径：1px；
右边距：24px；
边缘底部：24px；
宽度：22%；
高度：288px；
}
用户代理样式表div{
显示：内联块；
垂直对齐：顶部；
}
.weff文本{
边缘顶部：5px；
左侧填充：5px；
右侧填充：5px；
垫底：5px；
字体大小：12px；
字体系列：Tahoma，Arial；
线高：16px；
不透明度：0.8；
边缘底部：15px；
填充：0 0px；
高度：60px；
溢出：隐藏；
文本对齐：对齐；
}
.weff img img{
对象匹配：覆盖；
高度：200px；
宽度：100%；
边界半径：5px；
盒影：0px 4px 15px rgba（183,180,180,0.42），0px 10px 30px-15px rgba（0,0,0,0.45）；
边框：2倍实心rgb（92,92,93）；
}
.weff-img2 img{
高度：200px；
宽度：140px；
盒影：0px 3px 10px#fff；
}
.世界经济论坛标题{
空白：nowrap；
溢出：隐藏；
文本溢出：省略号；
文本对齐：居中；
填充：15px 0px 10px 0px；
}
.weff标题a{
线高：1.3；
单词包装：打断单词；
颜色：#000；
字体大小：15px；
字体大小：正常；
}
.weff标题a：悬停{
颜色：#ddd；
}
德塔利先生{
左：3倍；
边缘顶部：5px；
高度：23px；
线高：17px；
字体大小：13px；
边框底部：#736A 1px实心；
垫底：12px；
}
李德塔利先生{
列表样式：无；
右边距：15px；
显示：内联块；
}
德塔利一世{
颜色：#fff；
右侧填充：5px；
}
weff detali a{
颜色：#fff；
背景色：#000；
}
.weff detali a:悬停{
颜色：#fff；
}
特萨努拉杜桑先生{
-webkit过渡：所有1s轻松；
-moz转换：所有1秒轻松；
-o-过渡：所有1容易；
-ms转换：所有1秒轻松；
过渡：所有的1容易；
}
特萨努拉杜桑：悬停{
-webkit过滤器：灰度（100%）；
}
@媒体屏幕和屏幕（最大宽度：1220px）{
masakegen nedacam paignus先生{
宽度：100%；
高度：自动；
填充：10px；
}
}

味精

weff nedacam paignus先生{
背景色：#fff；
浮动：左；
边界半径：1px；
右边距：24px；
边缘底部：24px；
宽度：22%；
高度：288px；
}
用户代理样式表div{
显示：内联块；
垂直对齐：顶部；
}
.weff文本{
边缘顶部：5px；
左侧填充：5px；
右侧填充：5px；
垫底：5px；
字体大小：12px；
字体系列：Tahoma，Arial；
线高：16px；
不透明度：0.8；
边缘底部：15px；
填充：0 0px；
高度：60px；
溢出：隐藏；
文本对齐：对齐；
}
.weff img img{
对象匹配：覆盖；
高度：200px；
宽度：100%；
边界半径：5px；
盒影：0px 4px 15px rgba（183,180,180,0.42），0px 10px 30px-15px rgba（0,0,0,0.45）；
边框：2倍实心rgb（92,92,93）；
}
.weff-img2 img{
高度：200px；
宽度：140px；
盒影：0px 3px 10px#fff；
}
.世界经济论坛标题{
空白：nowrap；
溢出：隐藏；
文本溢出：省略号；
文本对齐：居中；
填充：15px 0px 10px 0px；
}
.weff标题a{
线高：1.3；
单词包装：打断单词；
颜色：#000；
字体大小：15px；
字体大小：正常；
}
.weff标题a：悬停{
颜色：#ddd；
}
德塔利先生{
左：3倍；
边缘顶部：5px；
高度：23px；
线高：17px；
字体大小：13px；
边框底部：#736A 1px实心；
垫底：12px；
}
李德塔利先生{
列表样式：无；
右边距：15px；
显示：内联块；
}
德塔利一世{
颜色：#fff；
右侧填充：5px；
}
weff detali a{
颜色：#fff；
背景色：#000；
}
.weff detali a:悬停{
颜色：#fff；
}
特萨努拉杜桑先生{
-webkit过渡：所有1s轻松；
-moz转换：所有1秒轻松；
-o-过渡：所有1容易；
-ms转换：所有1秒轻松；
过渡：所有的1容易；
}
特萨努拉杜桑：悬停{
-webkit过滤器：灰度（100%）；
}
@媒体屏幕和（最大宽度：1220px）{
masakegen nedacam paignus先生{
宽度：100%；
高度：自动；
填充：10px；
} 
}

味精

到目前为止，这是我能做的最好的事情：/

weff nedacam paignus先生{
背景色：#fff；
显示：内联块；
浮动：左；
边界半径：1px；
右边距：24px；
边缘底部：24px；
宽度：22%；
高度：288px；
垂直对齐：底部对齐；
}
用户代理样式表div{
显示：内联块；
}
.weff文本{
边缘顶部：5px；
左侧填充：5px；
右侧填充：5px；
垫底：5px；
字体大小：12px；
字体系列：Tahoma，Arial；
线高：16px；
不透明度：0.8；
边缘底部：15px；
填充：0 0px；
高度：60px；
溢出：隐藏；
文本对齐：对齐；
显示：内联块；
}
.weff img img{
对象匹配：覆盖；
高度：200px；
宽度：100%；
边界半径：5px；
盒影：0px 4px 15px rgba（183,180,180,0.42），0px 10px 30px-15px rgba（0,0,0,0.45）；
边框：2倍实心rgb（92,92,93）；
}
.weff-img2 img{
高度：200px；
宽度：140px；
盒影：0px 3px 10px#fff；
显示：内联块；
}
.世界经济论坛标题{
空白：nowrap；
溢出：隐藏；
文本溢出：省略号；
文本对齐：居中；
填充：15px 0px 10px 0px；
}
.weff标题a{
线高：1.3；
单词包装：打断单词；
颜色：#000；
字体大小：15px；
字体大小：正常；
}
.weff标题a：悬停{
颜色：#ddd；
显示：内联块；
}
德塔利先生{
左：3倍；
边缘顶部：5px；
高度：23px；
线高：17px；
字体大小：13px；
边框底部：#736A 1px实心；
垫底：12px；
}
李德塔利先生{
列表样式：无；
右边距：15px；
显示：内联块；
}
德塔利一世{
颜色：#fff；
右侧填充：5px；
}
weff detali a{
颜色：#fff；
背景色
.weff-nedacam-paignus {
  background-color: #fff;
  float: left;
  border-radius: 1px;
  margin-right: 24px;
  margin-bottom: 24px;
  width: 22%;
  height: 288px;
  display:flex;
}