正确的浮动css网格

正确的浮动css网格,css,css-float,Css,Css Float,如果我有像这样的css浮动网格 .float { float: left; width: 45%; border: 1px solid black; margin: 1%; padding: 1%; } 如何强制每一条新线在同一水平面上对齐 我认为您需要使用垂直对齐,并且您应该减小宽度: .float { float: left; width: 45%; border: 1px solid black; margin:

如果我有像这样的css浮动网格

.float {
  float: left;
  width: 45%;
  border: 1px solid black;
  margin: 1%;
  padding: 1%;
}
如何强制每一条新线在同一水平面上对齐


我认为您需要使用垂直对齐,并且您应该减小宽度:

    .float {
      float: left;
      width: 45%;
      border: 1px solid black;
      margin: 1%;
      padding: 1%;
    vertical-align:middle;
width:30%;
    }

如果希望每个有效行从新的垂直级别开始,则需要清除每个第二个div后的浮动

.float{
框大小:边框框;
浮动:左;
宽度:45%;
边框:1px纯黑;
利润率:1%;
填充:1%;
}
分区:第n个类型(2n+1){
清除:左;
}

Lorem ipsum dolor sit amet,是一位杰出的献身者。埃尼安·努克·胡斯托(Aenean nunc justo)是一位非常有效率的人,他很有智慧。Lorem ipsum dolor sit amet,是一位杰出的献身者。埃涅亚的知识是平等的,是一位杰出的献身者。埃尼安
这句话的意思是:“我的朋友,我的朋友,我的朋友,我的朋友,我的朋友。”。
Lorem ipsum dolor sit amet,是一位杰出的献身者。埃尼安·努克·胡斯托(Aenean nunc justo)是一位非常有效率的人,他很有智慧。Lorem ipsum dolor sit amet,是一位杰出的献身者。埃尼安·努克·胡斯托(Aenean nunc justo)是一位非常有效率的人,他很有智慧。
Lorem ipsum dolor sit amet,是一位杰出的献身者。埃尼安·努克·胡斯托(Aenean nunc justo)是一位非常有效率的人,他很有智慧。Lorem ipsum dolor sit amet,是一位杰出的献身者。埃涅亚的知识是平等的,是一位杰出的献身者。埃尼安
这句话的意思是:“我的朋友,我的朋友,我的朋友,我的朋友,我的朋友。”。
Lorem ipsum dolor sit amet,是一位杰出的献身者。埃尼安·努克·胡斯托(Aenean nunc justo)是一位非常有效率的人,他很有智慧。Lorem ipsum dolor sit amet,是一位杰出的献身者。埃尼安·努克·胡斯托(Aenean nunc justo)是一位非常有效率的人,他很有智慧。

您的意思是成行还是像这样-设置最小高度它将起作用(但任何一个容器超过最小高度,然后折叠)