在平時，我們經常會碰到讓一個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三種，而且這兩個 ...