在页面布局当中，除了可以使用position定位来确定元素位置之外，关于元素的定位，另一个标签则是float/浮动。 无论多么复杂的布局，其基本出发点都是：“如何在一行显示多个DIV元素”。而标准的文档流布局是满足不了开发的需求，这就需要用到浮动了。 浮动是可以理解为了让某个DIV元素脱离标准文档流 ...
分类：
其他好文 时间：
2016-06-29 20:35:12
阅读次数：
187
-webkit-column-width:100%; //列宽 -moz-column-width:100%;-o-colum-width:100%;colum-width:100%;-webkit-column-count: 2; //列数-moz-column-count: 2;-o-colum ...
分类：
其他好文 时间：
2016-06-27 13:43:22
阅读次数：
117
浮动不是一个正常流布局，浮动元素会从文档的正常流中删除，但是他还是会印象布局，浮动应用于所有的元素，当一个元素浮动时，其他内容会“环绕”该元素。 float属性有四个值：left，right分别浮动元素到相应的方向，none（默认），使元素不浮动，inherit将从父级元素获取float值 floa ...
分类：
其他好文 时间：
2016-06-21 22:31:53
阅读次数：
218
最近在Github上看到三个库,分别是
GSKStretchyHeaderView,CHTCollectionViewWaterfallLayout ,JZNavigationExtension，
其中第一个是给CollectionView添加可动画的头部，添加方式和内容非常丰富，第二个是
瀑布流布局，第三个是UINavigationController的导航栏扩展。这三个东西厉...
分类：
移动开发 时间：
2016-06-21 07:25:17
阅读次数：
323
今天做了一个瀑布流布局的小例子，自己在写代码的过程中一直报cannot read property 'style' of null，百度之后说是页面还没有加载完，但是我看了代码是写在window.onload里面的，但是一直报错，找了半天原因，才发现自己不小心把className加到了id属性中，即 ...
分类：
其他好文 时间：
2016-06-20 22:03:24
阅读次数：
164
没有前言，先上DEMO（手机上看效果更佳）和 原码。 瀑布流形式的图片布局方式在手机等移动端设备上运用广泛，比较常见的是下面前两种： 一、等宽等高 这种形式实现起来非常容易，这里就不再多说。 二、等宽不等高 这种形式算是比较正统的瀑布流布局形式，关于如何实现的请参考之前的一篇博文——jQuery瀑布 ...
分类：
移动开发 时间：
2016-06-18 18:35:40
阅读次数：
215
RecyclerView一个可以代替ListView和GridView的控件，那么RecyclerView到底比他们好在哪里？RecyclerView架构提供了一种插拔式的体验，所以实现了代码的高度解耦，使用起来也异常的灵活。我们可以通过设置它的LayoutManager控制其显示的方式，通过ItemDecoration控制Item间的间..
分类：
移动开发 时间：
2016-06-08 10:50:41
阅读次数：
753
HTML：<!DOCTYPE HTML><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>无标题文档</title> <style> body { margin: 0; } ...
分类：
其他好文 时间：
2016-05-30 19:49:00
阅读次数：
190
简述QFlowLayout，顾名思义-流布局，实现了处理不同窗口大小的布局。根据应用窗口的宽度来进行控件放置的变化。具体实现要求不再赘述，请参考前两节内容。简述
实现
效果
源码实现QFlowLayout主要采用QLayout和QWidgetItem实现，而窗口使用了QWidget和QPushButton。效果源码QFlowLayout.h#ifndef QFLOWLAYOUT_H
#define...
分类：
其他好文 时间：
2016-05-30 15:40:48
阅读次数：
506
一、引言 前面的博客介绍了UICollectionView的相关方法和其协议中的方法，但对布局的管理类UICollectionViewFlowLayout没有着重探讨，这篇博客介绍关于布局的相关设置和属性方法。 UICollectionView的简单使用：http://my.oschina.net/ ...
分类：
移动开发 时间：
2016-05-25 10:53:26
阅读次数：
259
