Clik here to view.
拜拜了,浮动布局-基于display:inline-block的列表布局
by zhangxinxu from http://www.zhangxinxu.com 本文地址：http://www.zhangxinxu.com/wordpress/?p=1194 本文其实真实题目应该是“CSS float浮动的深入研究、详解及拓展(三)”，但是为了更显著的体现本文的核心内容，顺便搞点噱头吸引眼球，同时跟百哥和谷妹玩点小暧昧，就改成了现在这个样子了。 一、一抹前言...
View ArticleClik here to view.
去除inline-block元素间间距的N种方法
by zhangxinxu from http://www.zhangxinxu.com 本文地址：http://www.zhangxinxu.com/wordpress/?p=2357 一、现象描述 真正意义上的inline-block水平呈现的元素间，换行显示或空格分隔的情况下会有间距，很简单的个例子： <input /> <input type="submit" />...
View ArticleClik here to view.
小tip: 某简单的字符重叠与图形生成
by zhangxinxu from http://www.zhangxinxu.com 本文地址：http://www.zhangxinxu.com/wordpress/?p=2891 引言 字符重叠不是什么稀奇的东西。 如1像素错位模拟阴影效果： 或者powerFloat中展示的带边框三角： 以及其他很多。 但是技术这东西不是豆腐，老了可以吃，臭了也可以吃；那我这里还拿着个说事作甚？ 背景...
View ArticleClik here to view.
letter-spacing+first-letter实现按钮文字隐藏
by zhangxinxu from http://www.zhangxinxu.com 本文地址：http://www.zhangxinxu.com/wordpress/?p=3557 一、文不在长，有货则灵 图片式按钮的文字隐藏看来是大家都比较关注的一个问题（分享讨论、微博转发等可见一斑），text-indent负值为最常用方法，然问题有三：...
View ArticleClik here to view.
小tip: 了解CSS text-decoration新特性新表现
by zhangxinxu from http://www.zhangxinxu.com 本文地址：http://www.zhangxinxu.com/wordpress/?p=4831 一、支持良久的text-decoration-line text-decoration顾名思意就是“文字装饰”的意思，我们平常使用多的就是链接无划线或者hover下划线，也就是： a {...
View ArticleClik here to view.
小tip:中文英文左右padding一致两端对齐实现
by zhangxinxu from http://www.zhangxinxu.com 本文地址：http://www.zhangxinxu.com/wordpress/?p=4908 不是什么稀奇的技术，很多很多年前自己就玩耍过。...
View Articlecanvas文本绘制自动换行、字间距、竖排等实现
和CSS相比，SVG以及canvas对文字排版的支持很弱。 在CSS中天然支持的文本自动换行，其他letter-sapcing字间距，writing-mode竖排等都是一个CSS属性就可以实现。但是在canvas中，全部都不支持。 但是canvas可以方便把文字转换成图片，有些场合，例如广告生成工具就需要canvas前端图片生成，此时我们该如何处理这些文字排版呢？
View ArticleClik here to view.
CSS text-decoration实现宽度100%波浪线效果
by zhangxinxu from https://www.zhangxinxu.com/wordpress/?p=9333 本文欢迎分享与聚合，全文转载就不必了，尊重版权，圈子就这么大，若急用可以联系授权。 一、之前使用渐变的实现方法 之前有使用过CSS radial-gradient径向渐变实现过波浪线效果。 让我找找在哪里实现的…… ♫ ♬ ♪...
View Article
