Fatal编程技术网

Javascript 将div除以3列

javascript css

Javascript 将div除以3列,javascript,css,multiple-columns,divide,Javascript,Css,Multiple Columns,Divide,我觉得我搜索了整个网页，但找不到一种方法来将不同高度的div很好地划分为3列，就像在上一样 但也使用： { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } 但不管我怎么做，它总是看起来很糟糕。 要么对齐高度，要么溢出 我认为ing.nl使用角度，这是解决它的方法吗？ 如果是，我将深入探讨：）将宽度从减少到40%至宽度：25%并添加浮动：左侧应该会让你得到你想要的效果。这里有一个提琴演示供您回顾

我觉得我搜索了整个网页，但找不到一种方法来将不同高度的div很好地划分为3列，就像在上一样

但也使用：

{
  -webkit-column-count: 3; 
  -moz-column-count: 3; 
  column-count: 3;
}
但不管我怎么做，它总是看起来很糟糕。 要么对齐高度，要么溢出

我认为ing.nl使用角度，这是解决它的方法吗？
如果是，我将深入探讨：）

将宽度从
减少到40%至
宽度：25%
并添加
浮动：左侧应该会让你得到你想要的效果。这里有一个提琴演示供您回顾


注意：增加和减少
结果
窗格的宽度，以查看影响。
减少
宽度：40%至
宽度：25%
并添加
浮动：左侧应该会让你得到你想要的效果。这里有一个提琴演示供您回顾


注意：增加和减少
结果
窗格的宽度以查看影响。
提供的页面似乎正在使用引导处理：可能重复-提供的页面似乎正在使用引导处理：可能重复-

.block13{
  width:40%;
  min-width:400px;
  background-color:#ffffff;
  padding:10px;
  border-bottom:2px; border-top:1px; border-left:1px; border-right: 1px;
  border-bottom-left-radius: 5px; border-bottom-right-radius:5px; ; border-top-left-radius:0px ; border-top-right-radius: 0px;
  border-style: solid;
  border-color: #b1b1b1;
  margin-left:4%;
  margin-top:10px;
}



{
  -webkit-column-count: 3; 
  -moz-column-count: 3; 
  column-count: 3;
}