html – 使用Bootstrap制作一个类似Pinterest的网格:这些框不会彼此正确地显示

前端之家收集整理的这篇文章主要介绍了html – 使用Bootstrap制作一个类似Pinterest的网格:这些框不会彼此正确地显示前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
HTML方案如下:
<div class="items">
  <div class="item">...</div>
  <div class="item">...</div>
  <div class="item">...</div>
  ...
</div>

.item CSS样式:

float: left;

结果:

但白盒子不是一个接一个地对齐 – 哪里可能是问题?我试过也使用display:inline-block;而不是float:left;但结果基本相同.

谢谢

解决方法

您可以像这样使用CSS 3列宽和列间隙

http://www.bootply.com/118335

原文链接:https://www.f2er.com/html/224468.html

猜你在找的HTML相关文章