摘要：
用一个父元素包裹三个子元素，将父元素的white-space设置为nowrap;这样子元素就会排在父元素中而不会换行了，通过这种方式，我们也就可以在移动端使用包裹元素的margin值实现类似的单页应用了。但是使用display:inline-block;不可避免的会出现一些问题。 首先看下面的代码： 阅读全文
摘要：
设置async:false;即可将请求设置为同步的，所以，我们就可以实现：在ajax请求之后再执行下面的语句。 阅读全文
摘要：
display:table-cell;这个属性用的不多，它和td差不多，但是如果可以用好还是能收益不少的，下面举例说明。 1. 父元素display:table-cell，并设置verticle-align:middle; 那么无论子元素是块级元素还是行内元素都可以做到垂直居中。 <!DOCTYPE 阅读全文
摘要：
作为前端工程师，将设计师的设计稿转化为html页面，其中有一个必不可少的环节就是将psd文件中的一些图片随心所欲的使用，而我们经常用到的就是png图片。 第一部分：基本介绍 首先我们先对比几种图片： 1.jpg 优点:体积比png小,打开速度比png快 缺点:属于有损压缩，每次保存都会产生数据损失( 阅读全文
摘要：
user agent stylesheet 从字面意义上很容易理解他表示用户浏览器的样式表。 今天在做项目时，无意间发现一个元素我并没有设置li的text-align：center ； 但其中的img却神奇的居中了，于是通过审查元素发现了其中的端倪，如下所示： 在右下角处，我们可以看到 -webki 阅读全文
摘要：
line-height详解 要说line-height就必须要知道这几个概念了： 顶线、中线、基线、底线。 这也就是在vertical-align中可能用到的top,middle,baseline和bottom属性了。那么究竟是什么呢？ 撒玛利亚人 写的非常好，大家可以学习。 这里，由上到下即为 顶 阅读全文