column

纯CSS实现瀑布流布局

大憨熊 提交于 2019-12-02 15:06:57
瀑布流布局有一个专业的英文名称Masonry Layouts。瀑布流布局已经有好多年的历史了,我最早知道这个名词的时候大约是在2012年,当时Pinterest网站的布局就是使用的这种流式布局,简言之像Pinterest网站这样的布局就称之为瀑布流布局,也有人称之为Pinterest 布局。 瀑布流布局其核心是基于一个网格的布局,而且每行包含的项目列表高度是随机的(随着自己内容动态变化高度),同时每个项目列表呈堆栈形式排列,最为关键的是,堆栈之间彼此之间没有多余的间距差存大。还是上张图来看看我们说的瀑布流布局是什么样子。 当初要实现这样的布局都是依赖于JavaScript来实现,所以当时出现过很多实现瀑布流布局的插件。比如Masonry、Isotope等都是非常有名的插件。但使用纯CSS来实现,当时还是非常困难的,不管是使用float还是inline-block布局都无法很好的控制列表项目堆栈之间的间距。最终得到的效果就像下面这样:著作权归作者所有。 现在距离2012年已经过去了五个年头,CSS的技术更新也是日新月异,在这几年当中出现了很多新的布局方法,比如多列布局multi-columns、Flexbox布局以及今年浏览器支持有Grid布局。早前在《CSS布局的未来》一文中有对这些布局做过阐述。既然CSS的布局有这么多的变化,那么今天有没有不借助任何JavaScript

Mybatis 的结果映射 之resultMap----Collection集合标签的使用

喜你入骨 提交于 2019-12-01 23:25:12
注意: 1.resultMap里的column就是SQL里的出参字段。如果你起了别名,resultMap也必须是这个别名 2.你可以试试去掉resultMap,然后DTO里的字段与别名对应 <!--返回体系--> <!--<resultMap id="userResultMap" type="com.mrd.pojo.vo.GroupUserDemoFuVO"> <id property="gid" column="gid" jdbcType="CHAR" /> <result property="flockGroupId" column="flockGroupId" jdbcType="CHAR"/> <collection property="groupUserDemoVOList" ofType="com.mrd.pojo.vo.GroupUserDemoVO"> <result property="faceImg" column="faceImg" jdbcType="CHAR"/> </collection> </resultMap>--> 来源: CSDN 作者: 橙子Xx 链接: https://blog.csdn.net/qq_39505065/article/details/90031401

mybatis resultMap 嵌套,将部分属性对应封装到Map中,复杂映射mapper

霸气de小男生 提交于 2019-12-01 23:18:33
XML文件 <resultMap type="com.wpg.web.dto.TemplateColumnsVO" id="TemplateColumnsVO"> <result column="type" property="type" /> <result column="column_code" property="columnCode" /> <result column="label" property="label" /> <result column="placeholder" property="placeholder" /> <result column="b_required" property="require"/> <result column="value" property="value"/> <collection property="values" javaType="ArrayList" ofType="com.wpg.web.dto.ColumnValuesVO"> <result column="dicValue" property="value"/> <result column="dicName" property="name"/> <collection property="haha" resultMap="myMap"> <

mysql 字段修改汇总

江枫思渺然 提交于 2019-12-01 16:26:53
-- 增加 ALTER TABLE `gdm_nursing_patient` ADD COLUMN `due_date` date DEFAULT NULL COMMENT '名称' AFTER `busi_no`; -- 删除 alter table gdm_nursing_patient drop column breakfast,drop column morning_extra,drop column lunch,drop column afternoon_extra,drop column dinner,drop column evening_extra; -- 修改 alter table user MODIFY field VARCHAR(10); 来源: https://www.cnblogs.com/javabg/p/11692974.html

mysql创建索引

◇◆丶佛笑我妖孽 提交于 2019-12-01 11:41:19
1.添加PRIMARY KEY(主键索引) mysql>ALTER TABLE `table_name` ADD PRIMARY KEY ( `column` ) 2.添加UNIQUE(唯一索引) mysql>ALTER TABLE `table_name` ADD UNIQUE ( `column` ) 3.添加INDEX(普通索引) mysql>ALTER TABLE `table_name` ADD INDEX index_name ( `column` ) 4.添加FULLTEXT(全文索引) mysql>ALTER TABLE `table_name` ADD FULLTEXT ( `column`) 5.添加多列索引 mysql>ALTER TABLE `table_name` ADD INDEX index_name ( `column1`, `column2`, `column3` ) 来源: https://www.cnblogs.com/52py/p/11683603.html

PostgreSQL 遇到 column \"value\" does not exist

人走茶凉 提交于 2019-12-01 05:33:53
初次使用PostgreSQL,在执行插入语句的时候死活插入不进去数据 INSERT INTO pre_trait ( archive_id, apply_from, owner_area_code ) VALUES ("11","12","13") > ERROR: column "11" does not exist LINE 2: VALUES ("11","12","13") ^ 这里 archive_id是主键,后来发现是把 "11" 当成一个列来存储的,需要把双引号改成单引号 即 '11'. 来源: https://www.cnblogs.com/zhuguangzhe/p/11660328.html

.NET提取中文

我怕爱的太早我们不能终老 提交于 2019-12-01 01:34:46
asp.net提取中文 1.VS中查找--查找范围:整个程序集 [\u4e00-\u9fa5] 手动把查找结果导入到数据库 2. 建表 -- Create table create table TABLE_DIGLOSSIA ( address_content NVARCHAR2(1000), file_type NVARCHAR2(50), is_annotated NUMBER, app_name NVARCHAR2(20), chinese NVARCHAR2(1000), english NVARCHAR2(1000), is_label NUMBER, address NVARCHAR2(1000), content NVARCHAR2(1000), responsible_person NVARCHAR2(20), resourcekey NUMBER default 0, id NVARCHAR2(50) default sys_guid(), position NVARCHAR2(200), memo NVARCHAR2(500), config_name NVARCHAR2(500), responsible_person_new NVARCHAR2(20) ) tablespace TABLEDATA pctfree 10 pctused 40 initrans

java.sql.SQLException: Column Index out of range, n + 1 > n

孤人 提交于 2019-11-30 16:14:56
自己在跟着视频做Demo , 遇到的问题 首先找到了强大的度娘,结果发现度娘上的答案几乎千篇一律,还好安了个插件 可以访问Google,果然第一个命中我的问题,贴出来膜拜! 技术上的问题 第一时间还是Google吧! 来源: https://www.cnblogs.com/liupengjuan/p/11603614.html