前面我们已经获取到了数据,这节我们就好把它用到我们的项目中来。这节课我们主要是使用flex布局和for循环是我们的type_bar展示出来。 关于flex布局的话如果还不是很了解的小伙伴儿可以查阅下阮一峰大神的博客(http://www.ruanyifeng.com/blog/2015/07/fle ...
分类:
移动开发 时间:
2018-11-24 23:49:59
阅读次数:
281
SELECT fvs1.flex_value_set_name, fvs1.description, decode(upper(fvs1.longlist_flag), 'N', '值列表', 'Y', '长值列表', 'X', '弹出式列表') 列表类型, decode(upper(fv... ...
分类:
数据库 时间:
2018-11-23 14:28:59
阅读次数:
272
SELECT b.flex_value_set_id, t.application_column_name, t.form_left_prompt FROM fnd_descriptive_flexs_tl fdfl, fnd_descriptive_flexs fdf, ... ...
分类:
数据库 时间:
2018-11-23 14:20:11
阅读次数:
216
到目前为止,Flexbox布局应该是目前最流行的布局方式之一了。而Flexbox布局的最大特性就是让Flex项目可伸缩,也就是让Flex项目的宽度和高度可以自动填充Flex容器剩余的空间或者缩小Flex项目适配Flex容器不足的宽度。而这一切都是依赖于Flexbox属性中的flex属性来完成。一个F ...
分类:
编程语言 时间:
2018-11-23 14:15:20
阅读次数:
238
Our superheroes JSON header h1{ width: 100%; text-align: center; font-size: 50px; font-family: 楷体; } section{ width: 100%; display... ...
分类:
Web程序 时间:
2018-11-23 14:09:26
阅读次数:
144
最近在开发公司的平台系统,因为该项目主要是运行在移动端,所以采用了flex弹性布局。flex布局用起来很灵话,提高了开发效率。而且性能貌似比传统的浮动布局好。 1. 首先声明父元素布局方式为弹性布局 display: -webkit-flex; /* Safari */ display:flex; ...
分类:
其他好文 时间:
2018-11-21 15:45:34
阅读次数:
160
.wraper { position: relative; .box { position: absolute; top: 50 %; left: 50 %; width: 100px; height: 100px; margin: -50px 0 0 - 50px; } } // 2 .wrape ...
分类:
其他好文 时间:
2018-11-21 15:45:20
阅读次数:
221
(1) 水平居中 a. 行内元素水平居中 因为img是行内元素(行内块级元素也一样)父级元素设置text-align:center即可,例如: <div style="width: 600px; height: 300px; border:1px solid red;text-align: cent ...
分类:
Web程序 时间:
2018-11-19 16:15:35
阅读次数:
245
网页布局(layout)是 CSS 的一个重点应用。 布局的传统解决方案,基于盒状模型,依赖 display 属性 + position属性 + float属性。它对于那些特殊布局非常不方便,比如,垂直居中就不容易实现。 2009年,W3C 提出了一种新的方案 Flex 布局,可以简便、完整、响应式 ...
分类:
其他好文 时间:
2018-11-19 11:09:30
阅读次数:
211
弹性盒布局是CSS 3新增的功能,它具有如下几个配套属性: flex-flow:该属性作用于弹性盒容器,用于控制容器内子元素的排列方式和换行方式。该属性是一个复合属性,由flex-direction和flex-wrap。 flex-direction:指定弹性盒容器内子元素的排列方向。该属性支持如下 ...
分类:
其他好文 时间:
2018-11-18 22:26:30
阅读次数:
177