随笔分类 - css/css3
摘要：在平时的页面布局中，我们也会经常碰到蜂窝煤类型的模块： 那么我们把他拆开，就是单个的六边形，如何用css去实现一个六边形呢？下面是我用绘图软件绘制的css实现六边形的步骤： 具体的html代码如下：
阅读全文
摘要：在平常的样式排版中，我们经常遇到将某个模块隐藏，下面我整理了一下隐藏元素的多种方法以及对比（有的占据空间，有的不占据空间。有的可以点击，有的不能点击。）： ( 一 ) display: none; 特点：元素不可见，不占据空间，无法响应点击事件。 ( 二 ) opacity: 0; ( IE8以下版
阅读全文
摘要：在平时，我们经常会碰到让一个div框针对某个模块上下左右都居中（水平垂直居中），其实针对这种情况，我们有多种方法实现。 方法一: 绝对定位方法：不确定当前div的宽度和高度，采用 transform: translate(-50%,-50%); 当前div的父级添加相对定位（position: re
阅读全文
摘要：网上有很多有关js（jq）实现瀑布流和有关瀑布流的插件很多，例如：插件（Masonry，Wookmark等等）。按照正常的逻辑思维，瀑布流的排版（item列表）一般都是 由左到右，上而下排序的结果，单纯的css实现这一点有些困难 ，下面分享一款由css局实现的瀑布流效果，虽然效果难以达到有些插件的效
阅读全文
摘要：在日常编写页面中，我们经常遇到内容行数过多时，需要出现 “...” 来处理。但是又要考虑IE浏览器或IE内核浏览器的兼容性。 普通实现方法： 这种方法适合于WebKit浏览器及移动端，对于IE浏览器兼容不好。下面分享给大家一种兼容IE的实用方法。 兼容IE效果图： html: css:
阅读全文
摘要：关于控制div靠左或靠右的排版布局,我整理三种平时用到的css属性小知识（元素模块靠左或靠右排版）： 1、float属性（float 属性定义元素在哪个方向浮动） 值：left（元素向左浮动）、right（元素向右浮动） 2、position属性（position属性规定元素的定位类型） 值：abs
阅读全文
摘要：在css中，float 属性定义元素在哪个方向浮动。也是我在css样式中常用到的属性，后来浏览了一些公司项目代码，发现float属性极少有人使用。随后做了一些调查和研究： 1、在ie6以下，float可能会造成兼容性问题，促使浮动方向的margin值会变成原来的两倍（margin加倍问题）。 2、使
阅读全文
浙公网安备 33010602011771号
