UIkit grid学习记录

grid干嘛的?

用来布局的。
比如把一个页面分为两个网格
uk-width-1-2就是把页面分为两分的意思。然后自己占一份。

<div class="uk-grid">
    <div class="uk-width-1-2">test</div>
    <div class="uk-width-1-2">orange</div>
</div>
image.png

再比如

<div class="uk-grid">
    <div class="uk-width-1-3">test</div>
    <div class="uk-width-2-3">orange</div>
</div>

一面占1/3一边站占2/3。
如图

image.png

让grid中的内容居中显示


最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 前言 温馨提示:本文较长,图片较多,本来是想写一篇 CSS 布局方式的,但是奈何 CSS 布局方式种类太多并且实现...
    sunshine小小倩阅读 3,298评论 0 59
  • 简介CSS网格布局(又称“网格”),是一种二维网格布局系统。CSS在处理网页布局方面一直做的不是很好。一开始我们用...
    _leonlee阅读 65,819评论 25 173
  • 原文地址 注:此文是我翻译的第一篇技术文章。适合有一定CSS原生网格布局使用经验的开发者(读前需要先去了解一下原生...
    我不叫沒耐性阅读 853评论 0 2
  • 旧日河仍在,儿时伴未归 01 盛夏的午后,天上看不到一丝云,火辣辣的太阳把地面晒得滚烫,大地象一个巨大的蒸笼,一阵...
    苏北雨人阅读 1,275评论 28 53
  • 在30岁前,我对30岁即恐惧可又一天天迎接着。 现在已过30岁,看着镜子中的自己,眼角处的鱼尾纹越来越明显了,抬头...
    凋零时期阅读 275评论 0 1

友情链接更多精彩内容