UIkit框架中uk-container的便捷用法,uk-width和uk-grid-width的区别
来源:互联网 发布:西安618所待遇 知乎 编辑:程序博客网 时间:2024/04/28 21:53
<span class="token p" style="box-sizing: border-box; color: rgb(90, 90, 90); font-family: 'microsoft yahei'; font-size: 18px; line-height: 29.7px; white-space: pre-wrap; outline: none !important;"><span class="token tag" style="box-sizing: border-box; color: rgb(52, 52, 52); font-weight: bold; font-stretch: normal; font-size: 0.9em; line-height: normal; font-family: 'Source Code Pro', monospace; outline: none !important;"><span class="token tag" style="box-sizing: border-box; font-stretch: normal; font-size: 0.9em; outline: none !important;"><span class="token punctuation" style="box-sizing: border-box; outline: none !important; font-weight: normal;"><</span>div</span> <span class="token attr-name" style="box-sizing: border-box; outline: none !important; font-weight: normal;">class</span><span class="token attr-value" style="box-sizing: border-box; outline: none !important; font-weight: normal;"><span class="token punctuation" style="box-sizing: border-box; outline: none !important;">=</span><span class="token punctuation" style="box-sizing: border-box; outline: none !important;">"</span>uk-grid<span class="token punctuation" style="box-sizing: border-box; outline: none !important;">"</span></span><span class="token punctuation" style="box-sizing: border-box; outline: none !important; font-weight: normal;">></span></span></span><span class="token lf" style="box-sizing: border-box; color: rgb(90, 90, 90); font-family: 'microsoft yahei'; font-size: 18px; line-height: 29.7px; white-space: pre-wrap; outline: none !important;"></span><span class="token p" style="box-sizing: border-box; color: rgb(90, 90, 90); font-family: 'microsoft yahei'; font-size: 18px; line-height: 29.7px; white-space: pre-wrap; outline: none !important;"></span>
<span class="token p" style="box-sizing: border-box; color: rgb(90, 90, 90); font-family: 'microsoft yahei'; font-size: 18px; line-height: 29.7px; white-space: pre-wrap; outline: none !important;"><span class="token tag" style="box-sizing: border-box; color: rgb(52, 52, 52); font-weight: bold; font-stretch: normal; font-size: 0.9em; line-height: normal; font-family: 'Source Code Pro', monospace; outline: none !important;"><span class="token tag" style="box-sizing: border-box; font-stretch: normal; font-size: 0.9em; outline: none !important;"><span class="token punctuation" style="box-sizing: border-box; outline: none !important; font-weight: normal;"><span style="white-space:pre"></span><</span>div</span> <span class="token attr-name" style="box-sizing: border-box; outline: none !important; font-weight: normal;">class</span><span class="token attr-value" style="box-sizing: border-box; outline: none !important; font-weight: normal;"><span class="token punctuation" style="box-sizing: border-box; outline: none !important;">=</span><span class="token punctuation" style="box-sizing: border-box; outline: none !important;">"</span>uk-width-1-1 uk-container-center<span class="token punctuation" style="box-sizing: border-box; outline: none !important;">"</span></span><span class="token punctuation" style="box-sizing: border-box; outline: none !important; font-weight: normal;">></span></span></span><span class="token lf" style="box-sizing: border-box; color: rgb(90, 90, 90); font-family: 'microsoft yahei'; font-size: 18px; line-height: 29.7px; white-space: pre-wrap; outline: none !important;"></span><span class="token p" style="box-sizing: border-box; color: rgb(90, 90, 90); font-family: 'microsoft yahei'; font-size: 18px; line-height: 29.7px; white-space: pre-wrap; outline: none !important;"></span>
<span class="token p" style="box-sizing: border-box; color: rgb(90, 90, 90); font-family: 'microsoft yahei'; font-size: 18px; line-height: 29.7px; white-space: pre-wrap; outline: none !important;"><span class="token tag" style="box-sizing: border-box; color: rgb(52, 52, 52); font-weight: bold; font-stretch: normal; font-size: 0.9em; line-height: normal; font-family: 'Source Code Pro', monospace; outline: none !important;"><span class="token tag" style="box-sizing: border-box; font-stretch: normal; font-size: 0.9em; outline: none !important;"><span class="token punctuation" style="box-sizing: border-box; outline: none !important; font-weight: normal;"><span style="white-space:pre"></span><</span>ul</span> <span class="token attr-name" style="box-sizing: border-box; outline: none !important; font-weight: normal;">class</span><span class="token attr-value" style="box-sizing: border-box; outline: none !important; font-weight: normal;"><span class="token punctuation" style="box-sizing: border-box; outline: none !important;">=</span><span class="token punctuation" style="box-sizing: border-box; outline: none !important;">"</span>uk-thumbnav uk-grid-width-1-3<span class="token punctuation" style="box-sizing: border-box; outline: none !important;">"</span></span><span class="token punctuation" style="box-sizing: border-box; outline: none !important; font-weight: normal;">></span></span></span><span class="token lf" style="box-sizing: border-box; color: rgb(90, 90, 90); font-family: 'microsoft yahei'; font-size: 18px; line-height: 29.7px; white-space: pre-wrap; outline: none !important;"></span><span class="token p" style="box-sizing: border-box; color: rgb(90, 90, 90); font-family: 'microsoft yahei'; font-size: 18px; line-height: 29.7px; white-space: pre-wrap; outline: none !important;"></span>
<span class="token p" style="box-sizing: border-box; color: rgb(90, 90, 90); font-family: 'microsoft yahei'; font-size: 18px; line-height: 29.7px; white-space: pre-wrap; outline: none !important;"><span class="token tag" style="box-sizing: border-box; color: rgb(52, 52, 52); font-weight: bold; font-stretch: normal; font-size: 0.9em; line-height: normal; font-family: 'Source Code Pro', monospace; outline: none !important;"><span class="token tag" style="box-sizing: border-box; font-stretch: normal; font-size: 0.9em; outline: none !important;"><span class="token punctuation" style="box-sizing: border-box; outline: none !important; font-weight: normal;"><span style="white-space:pre"></span><</span>li</span><span class="token punctuation" style="box-sizing: border-box; outline: none !important; font-weight: normal;">></span></span><span class="token tag" style="box-sizing: border-box; color: rgb(52, 52, 52); font-weight: bold; font-stretch: normal; font-size: 0.9em; line-height: normal; font-family: 'Source Code Pro', monospace; outline: none !important;"><span class="token tag" style="box-sizing: border-box; font-stretch: normal; font-size: 0.9em; outline: none !important;"><span class="token punctuation" style="box-sizing: border-box; outline: none !important; font-weight: normal;"></</span>li</span><span class="token punctuation" style="box-sizing: border-box; outline: none !important; font-weight: normal;">></span></span></span><span class="token lf" style="box-sizing: border-box; color: rgb(90, 90, 90); font-family: 'microsoft yahei'; font-size: 18px; line-height: 29.7px; white-space: pre-wrap; outline: none !important;"></span><span class="token p" style="box-sizing: border-box; color: rgb(90, 90, 90); font-family: 'microsoft yahei'; font-size: 18px; line-height: 29.7px; white-space: pre-wrap; outline: none !important;"></span>
<span class="token p" style="box-sizing: border-box; color: rgb(90, 90, 90); font-family: 'microsoft yahei'; font-size: 18px; line-height: 29.7px; white-space: pre-wrap; outline: none !important;"><span class="token tag" style="box-sizing: border-box; color: rgb(52, 52, 52); font-weight: bold; font-stretch: normal; font-size: 0.9em; line-height: normal; font-family: 'Source Code Pro', monospace; outline: none !important;"><span class="token tag" style="box-sizing: border-box; font-stretch: normal; font-size: 0.9em; outline: none !important;"><span class="token punctuation" style="box-sizing: border-box; outline: none !important; font-weight: normal;"><span style="white-space:pre"></span><</span>li</span><span class="token punctuation" style="box-sizing: border-box; outline: none !important; font-weight: normal;">></span></span><span class="token tag" style="box-sizing: border-box; color: rgb(52, 52, 52); font-weight: bold; font-stretch: normal; font-size: 0.9em; line-height: normal; font-family: 'Source Code Pro', monospace; outline: none !important;"><span class="token tag" style="box-sizing: border-box; font-stretch: normal; font-size: 0.9em; outline: none !important;"><span class="token punctuation" style="box-sizing: border-box; outline: none !important; font-weight: normal;"></</span>li</span><span class="token punctuation" style="box-sizing: border-box; outline: none !important; font-weight: normal;">></span></span></span><span class="token lf" style="box-sizing: border-box; color: rgb(90, 90, 90); font-family: 'microsoft yahei'; font-size: 18px; line-height: 29.7px; white-space: pre-wrap; outline: none !important;"></span><span class="token p" style="box-sizing: border-box; color: rgb(90, 90, 90); font-family: 'microsoft yahei'; font-size: 18px; line-height: 29.7px; white-space: pre-wrap; outline: none !important;"></span>
<span class="token p" style="box-sizing: border-box; color: rgb(90, 90, 90); font-family: 'microsoft yahei'; font-size: 18px; line-height: 29.7px; white-space: pre-wrap; outline: none !important;"><span class="token tag" style="box-sizing: border-box; color: rgb(52, 52, 52); font-weight: bold; font-stretch: normal; font-size: 0.9em; line-height: normal; font-family: 'Source Code Pro', monospace; outline: none !important;"><span class="token tag" style="box-sizing: border-box; font-stretch: normal; font-size: 0.9em; outline: none !important;"><span class="token punctuation" style="box-sizing: border-box; outline: none !important; font-weight: normal;"><span style="white-space:pre"></span><</span>li</span><span class="token punctuation" style="box-sizing: border-box; outline: none !important; font-weight: normal;">></span></span><span class="token tag" style="box-sizing: border-box; color: rgb(52, 52, 52); font-weight: bold; font-stretch: normal; font-size: 0.9em; line-height: normal; font-family: 'Source Code Pro', monospace; outline: none !important;"><span class="token tag" style="box-sizing: border-box; font-stretch: normal; font-size: 0.9em; outline: none !important;"><span class="token punctuation" style="box-sizing: border-box; outline: none !important; font-weight: normal;"></</span>li</span><span class="token punctuation" style="box-sizing: border-box; outline: none !important; font-weight: normal;">></span></span></span><span class="token lf" style="box-sizing: border-box; color: rgb(90, 90, 90); font-family: 'microsoft yahei'; font-size: 18px; line-height: 29.7px; white-space: pre-wrap; outline: none !important;"></span><span class="token p" style="box-sizing: border-box; color: rgb(90, 90, 90); font-family: 'microsoft yahei'; font-size: 18px; line-height: 29.7px; white-space: pre-wrap; outline: none !important;"></span>
<span class="token p" style="box-sizing: border-box; color: rgb(90, 90, 90); font-family: 'microsoft yahei'; font-size: 18px; line-height: 29.7px; white-space: pre-wrap; outline: none !important;"><span class="token tag" style="box-sizing: border-box; color: rgb(52, 52, 52); font-weight: bold; font-stretch: normal; font-size: 0.9em; line-height: normal; font-family: 'Source Code Pro', monospace; outline: none !important;"><span class="token tag" style="box-sizing: border-box; font-stretch: normal; font-size: 0.9em; outline: none !important;"><span class="token punctuation" style="box-sizing: border-box; outline: none !important; font-weight: normal;"><span style="white-space:pre"></span><</span>li</span><span class="token punctuation" style="box-sizing: border-box; outline: none !important; font-weight: normal;">></span></span><span class="token tag" style="box-sizing: border-box; color: rgb(52, 52, 52); font-weight: bold; font-stretch: normal; font-size: 0.9em; line-height: normal; font-family: 'Source Code Pro', monospace; outline: none !important;"><span class="token tag" style="box-sizing: border-box; font-stretch: normal; font-size: 0.9em; outline: none !important;"><span class="token punctuation" style="box-sizing: border-box; outline: none !important; font-weight: normal;"></</span>li</span><span class="token punctuation" style="box-sizing: border-box; outline: none !important; font-weight: normal;">></span></span></span><span class="token lf" style="box-sizing: border-box; color: rgb(90, 90, 90); font-family: 'microsoft yahei'; font-size: 18px; line-height: 29.7px; white-space: pre-wrap; outline: none !important;"></span><span class="token p" style="box-sizing: border-box; color: rgb(90, 90, 90); font-family: 'microsoft yahei'; font-size: 18px; line-height: 29.7px; white-space: pre-wrap; outline: none !important;"></span>
<span class="token p" style="box-sizing: border-box; color: rgb(90, 90, 90); font-family: 'microsoft yahei'; font-size: 18px; line-height: 29.7px; white-space: pre-wrap; outline: none !important;"><span class="token tag" style="box-sizing: border-box; color: rgb(52, 52, 52); font-weight: bold; font-stretch: normal; font-size: 0.9em; line-height: normal; font-family: 'Source Code Pro', monospace; outline: none !important;"><span class="token tag" style="box-sizing: border-box; font-stretch: normal; font-size: 0.9em; outline: none !important;"><span class="token punctuation" style="box-sizing: border-box; outline: none !important; font-weight: normal;"><span style="white-space:pre"></span></</span>ul</span><span class="token punctuation" style="box-sizing: border-box; outline: none !important; font-weight: normal;">></span></span></span><span class="token lf" style="box-sizing: border-box; color: rgb(90, 90, 90); font-family: 'microsoft yahei'; font-size: 18px; line-height: 29.7px; white-space: pre-wrap; outline: none !important;"></span><span class="token p" style="box-sizing: border-box; color: rgb(90, 90, 90); font-family: 'microsoft yahei'; font-size: 18px; line-height: 29.7px; white-space: pre-wrap; outline: none !important;"></span>
<span class="token p" style="box-sizing: border-box; color: rgb(90, 90, 90); font-family: 'microsoft yahei'; font-size: 18px; line-height: 29.7px; white-space: pre-wrap; outline: none !important;"><span class="token tag" style="box-sizing: border-box; color: rgb(52, 52, 52); font-weight: bold; font-stretch: normal; font-size: 0.9em; line-height: normal; font-family: 'Source Code Pro', monospace; outline: none !important;"><span class="token tag" style="box-sizing: border-box; font-stretch: normal; font-size: 0.9em; outline: none !important;"><span class="token punctuation" style="box-sizing: border-box; outline: none !important; font-weight: normal;"><span style="white-space:pre"></span></</span>div</span><span class="token punctuation" style="box-sizing: border-box; outline: none !important; font-weight: normal;">></span></span></span>
<span class="token lf" style="box-sizing: border-box; color: rgb(90, 90, 90); font-family: 'microsoft yahei'; font-size: 18px; line-height: 29.7px; white-space: pre-wrap; outline: none !important;"></span><span class="token p" style="box-sizing: border-box; color: rgb(90, 90, 90); font-family: 'microsoft yahei'; font-size: 18px; line-height: 29.7px; white-space: pre-wrap; outline: none !important;"><span class="token tag" style="box-sizing: border-box; color: rgb(52, 52, 52); font-weight: bold; font-stretch: normal; font-size: 0.9em; line-height: normal; font-family: 'Source Code Pro', monospace; outline: none !important;"><span class="token tag" style="box-sizing: border-box; font-stretch: normal; font-size: 0.9em; outline: none !important;"><span class="token punctuation" style="box-sizing: border-box; outline: none !important; font-weight: normal;"></</span>div</span><span class="token punctuation" style="box-sizing: border-box; outline: none !important; font-weight: normal;">></span></span></span>这段代码的效果是下面每个li自动占据三分之一空间
0 0
- UIkit框架中uk-container的便捷用法,uk-width和uk-grid-width的区别
- UK Visa
- 秤先暗毕鞘平乜共衙驹趾檬舶uk
- uikit修改uk-button样式后出现的文字重叠现象
- 【认证】【UK】UK FreeviewHD/Freeview+HD/FreesatHD
- jQuery--.css("width")和.width()的区别
- width:auto和width:100%的区别
- width:auto和width:100%的区别
- width:auto和width:100%的区别
- getMeasureHight(Width)和getHight(Width)的区别
- 详解 $().css('width')和$().width()的区别
- pk+uk+fk+index
- UK测试工具列表
- 初来乍到二三事@UK
- UK 更新惊魂记
- Opencv中width和widthStep的区别
- OpenCv中 width 和 widthStep的区别
- Scalewidth和width的区别
- 初学 JAVA ,编程实例【人会说话,中国人说中国话,美国人说英语】
- freemarker初识
- hadoop lzo的使用方法
- CodeForces 1A Theatre Square
- TextView在设置高度比较小的时候,字体太大会导致文字看起来不居中,要么改高度要么改字体大小
- UIkit框架中uk-container的便捷用法,uk-width和uk-grid-width的区别
- 数字证书、公钥和私钥这三者之间的关系是什么
- Java使用DOM生成XML文件
- 响应式布局----像素密度与viewport
- poj 2398
- Android应用界面开发05
- 互联网时代: 从Uber的供需匹配看开发需求
- 事件拦截机制分析(Android群英传)
- 父元素与子元素margin-top问题