前端的盒模型（display: inline-block）

最近在写前端页面展示上，因为需求，所欲的展示内容要求必须在一页显现，但是内容的数量并不能达到这个要求。偶然间看微信公众号上的一块内容让我有了想法。随便找个截图大概是这样的

在右侧使用了盒模型，这点启发了我，当时这个页面使用的语句是这样的

display: inline-block//盒模型，不会占一行也可以使用width;
width: 30%;height: 240px;//盒模型的宽和高
vertical-align: top;//默认是底端对其，这个可以让多个盒模型顶端对齐
overflow-x: hidden;//自动裁剪不够空间的显示内容overflow-y: auto;//内容不够自动添加滚动条
border-box;-webkit-overflow-scrolling: touch;//快速会回弹，白话就是在里面滑动比较快，在外面滑动比较慢

---

在style中添加需要的属性就可以使自己的项目也达到这样的效果。有同样的需求的话很方便。