CSS3 FlexBox 使用教程与说明

flexbox是CSS3中一个全新的布局方式,它解决了以往CSS中一些典型布局的不足,有效的减少了前端工程师在实现页面时的工作量。它的出现使得我们再例如使用简单的div模拟表格样式时变得非常简单。下面我们开始逐渐探索它的使用方法。 下面所有的示例,都使用以下这个简单得不能再简单的DOM结构。 <div class="outer"> <div class= »

Author: MaChi Last Update:

jQueryMobile重新刷新页面

移动互联网的开发越来越火,进来闲的无聊,决定自己尝试和研究一下jQueryMobile。虽然它已经出现了很多年,也并不算是新鲜的玩意儿,但是,平日里我多是在自己开发UI完成日常工作,并没有真正使用jQueryMobile来做一个实际项目。 朋友有一个项目,我来帮忙看一看,一个手机端Web网站,在能够在微信浏览器上查看。由于功能简单,结构比较清晰,所以我决定使用jQueryMobile做界面, »

Author: MaChi Last Update:

记IE下的input标签中的padding

记得在我很久之前遇到的问题,那就是input在IE系列中对padding的支持不够好。如果我们给input定义padding-left和padding-right,希望输入的文字距离左右边框有一定的距离,再加上背景图片,实现一个像bing那样的输入框效果。但是,这样的想法固然好,但是在IE下会不尽如人意。查看bing的搜索框才知道,原来它的的搜索框图片和输入文字根本就不是一个input搞定的,而是分开实现的(这个非常常见)。于是我在网络上开始查找问题的原因,很多人把这个问题归结于IE的bug, »

Author: MaChi Last Update: