jQuery Masonry 是一个强大的 JavaScript 库,用于创建响应式、流体、自动布局的网格。以下是使用 jQuery Masonry 的基本步骤:
1. 引入 jQuery 和 Masonry
确保你的页面已经引入了 jQuery 库。然后,下载 Masonry 的 JavaScript 文件,并将其引入到你的页面中。
```html
```
2. HTML 结构
创建一个容器元素,其中包含所有需要布局的子元素。
```html
Item 1
Item 2
Item 3
```
3. CSS 样式
为容器和子元素添加一些基本的样式。
```css
.masonry-container {
margin: 0 auto;
max-width: 1000px;