🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
# 列 将文本段落分割成多个列进行显示。 ## 用法 将文本段落分割成多个列,只需要添加一个 `.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://box.kancloud.cn/2016-05-12_57346f36045cd.jpg) ### Markup ``` <p class="uk-column-1-3">...</p> ``` * * * ### 响应式布局中的列 列组件通用提供了只在特定视口宽度中生效的响应式类名 | Class | Description | | --- | --- | | `.uk-column-*` | 所有设备宽度都生效 | | `.uk-column-small-*` | 只在设备宽度 _480px_ 以上时生效 | | `.uk-column-medium-*` | 只在设备宽度 _768px_ 以上时生效 | | `.uk-column-large-*` | 只在设备宽度 _960px_ 以上时生效 | | `.uk-column-xlarge-*` | 只在设备宽度 _1200px_ 以上时生效 | ### Example ![](https://box.kancloud.cn/2016-05-12_57346f361795a.jpg) ### Markup ``` <p class="uk-column-xlarge-1-4 uk-column-large-1-3 uk-column-medium-1-2">...</p> ```