在平时，我们经常会碰到让一个div框针对某个模块上下左右都居中（水平垂直居中），其实针对这种情况，我们有多种方法实现。 方法一: 　　绝对定位方法：不确定当前div的宽度和高度，采用 transf ...

网上有很多有关js（jq）实现瀑布流和有关瀑布流的插件很多，例如：插件（Masonry，Wookmark等等）。按照正常的逻辑思维，瀑布流的排版（item列表）一般都是 由左到右，上而下排序的结果，单 ...

关于控制div靠左或靠右的排版布局,我整理三种平时用到的css属性小知识（元素模块靠左或靠右排版）： 1、float属性（float 属性定义元素在哪个方向浮动） 　　值：left（元素向左浮动） ...

本文将教你怎么在不使用js的前提下，用纯css写一个开关按钮。 效果一 展示地址：http://output.jsbin.com/ritoreh/1 代码如下： 效果二 ...

PC端 按屏幕宽度大小排序（主流的用橙色标明） 分辨率 比例 | 设备尺寸 1024*500 （8.9寸） 1024*768 （比例4：3 | 10.4寸、12.1寸、14.1寸、15寸 ...

在日常编写页面中，我们经常遇到内容行数过多时，需要出现 “...” 来处理。但是又要考虑IE浏览器或IE内核浏览器的兼容性。 普通实现方法： display: -webkit-box; -w ...

在开发中，好的动画效果会让软件使用起来更有吸引力，震撼力。所以我们经常会将一些常用的代码块、功能块进行封装，为的是更好的复用。 下面这些是我在工作中积累的一些常用的开源动画库，我只是简单罗列出来，详 ...

　　今天做项目中，用background显示了二维码和一些文字，但显示到页面上时，二维码和图片都变得模糊了。于是将图片调整、放大，但在放大后，作为背景图片的它则显示不全，无奈之下用了backgroun ...

在平时的页面布局中，我们也会经常碰到蜂窝煤类型的模块： 那么我们把他拆开，就是单个的六边形，如何用css去实现一个六边形呢？下面是我用绘图软件绘制的css实现六边形的步骤： 具 ...

　　background-clip 与 background-origin是css3中引入的两个跟元素背景相关的属性，它们有相同的可选值，即border、padding、content三种，而且这两个 ...