最后更新于:2022-04-01 22:22:21

# 列 将文本段落分割成多个列进行显示。 ## 用法 将文本段落分割成多个列,只需要添加一个 `.uk-column-1-*` 类名即可生效。 | Class | Description | | --- | --- | | `.uk-column-1-2` | 将文本段落分割成两列 | | `.uk-column-1-3` | 将文本段落分割成三列 | | `.uk-column-1-4` | 将文本段落分割成四列 | | `.uk-column-1-5` | 将文本段落分割成五列 | | `.uk-column-1-6` | 将文本段落分割成六列 | ### Example ![](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/2016-05-12_57346f36045cd.jpg) ### Markup ```

...

``` * * * ### 响应式布局中的列 列组件通用提供了只在特定视口宽度中生效的响应式类名 | Class | Description | | --- | --- | | `.uk-column-*` | 所有设备宽度都生效 | | `.uk-column-small-*` | 只在设备宽度 _480px_ 以上时生效 | | `.uk-column-medium-*` | 只在设备宽度 _768px_ 以上时生效 | | `.uk-column-large-*` | 只在设备宽度 _960px_ 以上时生效 | | `.uk-column-xlarge-*` | 只在设备宽度 _1200px_ 以上时生效 | ### Example ![](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/2016-05-12_57346f361795a.jpg) ### Markup ```

...

```
';