摘要：转载请注明：TheViperhttp://www.cnblogs.com/TheViper上一篇说的是限定图片组最大宽度情况下，其中图片的响应式+垂直水平居中。实际上，结合本屌的这篇模拟flexbox justify-content的space-between,space-around,然后不限定图... 阅读全文

摘要：转载请注明：TheViperhttp://www.cnblogs.com/TheViper效果要求:1.尽可能兼容更多浏览器，这里兼容到ie7,ie6不支持max-*就不考虑了。2.浏览器尺寸变化时，图片总是等比例拉伸或缩放。3.包裹图片的div也是响应式的，并且每个div的尺寸是一样的。4.图片始... 阅读全文

摘要：转载请注明：TheViperhttp://www.cnblogs.com/TheViper部分翻译自原文：Vertical-Align: All You Need To Know（本屌英语非专业，部分意译）很多时候，我总是需要垂直对齐一行元素。之前，我一般用float,有时用position: ab... 阅读全文

摘要：转载请注明：TheViperhttp://www.cnblogs.com/TheViper（本文的初衷是弥补一点响应式设计在低版本浏览器中的不足，因此如果你对响应式不感冒，请无视）flexbox?关于flexbox，本屌无法专业的说很多，可以参见Flexible boxes更加优雅的Web布局。这是... 阅读全文

摘要：转载请注明：TheViperhttp://www.cnblogs.com/TheViper 评论回复是个很常见的东西，但是各大网站实现的方式却不尽相同。大体上有两种方式1.像优酷这种最常见，在输入框中@要回复的人，这种方式下，用户可以修改@。新浪微博则是在这个基础上，弹出好友菜单。这种方式的好处是不... 阅读全文

摘要：作者是个黎巴嫩的美女，嘿嘿。原文地址：http://sarasoueidan.com/blog/css-svg-clipping/ 。我翻译了一部分。css和svg有很多地方相似，今天我们的css就有很多地方是从svg来的，其中 一个就是clipping操作。css和svg都允许我们对元素进行cli... 阅读全文

摘要：这个bug很常见 *{ margin: 0; padding: 0;}input{ height: 19px; line-height: 19px; padding: 11px 0 11px 10px; width: 192px; ... 阅读全文