未知高度div垂直居中的改进版本
搜索未知高度div垂直居中, 你可以在网上找到很多文章或教程. 但是不知你亲手试过没有, 那些文章中的方法多少都会有兼容性问题, 而且display table 和 table-cell的表现其实在ie8+和各高级浏览器的表现是一致的，并不是网上说的top 50% 和 -50% 针对所有ie浏览器。所以我花了点时间把它改进了下.这个改进版本兼容ie6+, firefox, chrome等. ...
Home » 前端集合
做前端, 要多关注知识的更新换代
记得去年初刚开始接触移动端页面制作时, 在ios4和android2.*测试position fixed, 发现都没有效果, 然后移动端浏览器不支持fixed的印象就深深刻在了我的脑海里.最近, 项目中某个页面又需要使用fixed的效果. 基于我以前的经验, 我直接使用了js去处理. 今天在看一个页面和同事交流时发现原来ios5以上和android3.0以上都较完美滴支持fixed了.具体支...
在项目中小试CSS压缩合并工具
在现在公司的项目中, css的合并压缩都是由java程序员利用merge文件配置实现的, 我们前端干预不到. 但在自己做的一个较为独立的项目中, java程序员无法在服务器端提供这样一个功能, 所以只能我自己每次把页面交给他们之前将CSS合并压缩下. 已达到减少请求, 减小文件体积的目地. 由于之前一直手动进行的, 所以想找一个能和phpstorm集成的自动或半自动化一键合并压缩的工具.在网...
Flat design资源
随着IOS7的发布, 扁平化设计越来越热门.扁平化设计在某种程序上对前端来说是一种好事, 因为很多元素的表现靠颜色即可呈现, 不用再繁琐的切图.今天偶然在网上手机了几个不错的资源, 记录下:1. 是一个非常不错的网站, 里面收录的站点都是扁平化设计:http://fltdsgn.com/ http://designmodo.github.io/Flat-UI/2. 一张包含扁平化设计基本元素...
如何解决ie6, 7未定义宽度浮动元素无法换行的问题
1. 问题表现比如一个列表, float以后, 而且列表每个元素width是自适应的.在ie6, 7中, 在超过了一行以后, 且一行的宽度不能放下整数个元素时, 那么这个列表每行的最后1个或几个元素并不会自动排到第二行, 而是挤在行尾. 如下图:具体代码表现看这里: http://jsbin.com/asohoq/12. 解决方案给每个子元素加: white-space:nowrap; 即可...
