随笔分类 -  CSS技巧

摘要：一行文字垂直居中，相信大家都会使用行高。但大家有没有发现，在button标签里的文字，使用行高来居中，在firefox里文字会偏下，如图：经研究发现firefox的button有私有属性button::-moz-focus-inner{ border:0; padding:0; margin:0; }，加上上面的属性，button的文字就能在firefox里居中了demo地址 阅读全文

摘要：lesscss 是动态的样式表语言，他让css增加变量，组合，函数，运算等语法。这个项目的网站在国内访问不到，大家都懂的。lesscss使用方法有两种：页面添加一个 less.js的文件，css使用 style.less 文件后缀来编写，不过需要有服务器的环境支持<link rel="stylesheet/less" type="text/css" href="styles.less"><script src="less.js" type="text/javascript"&g 阅读全文

摘要：像下面图中的布局，如果排列的元素是等高的话，相信很多人都会使用浮动来布局，不过如果元素不等高的话，不添加多余的标签，浮动布局是很难实现下图中的效果。如果遇到这种情况，可以使用inline-block来布局。现代浏览器的最新版都支持inline-block，只有该死的ie6、7不支持inline-block，但ie6、7可以通过 display：inline；zoom：1；来模拟。下面是inline-block兼容的代码：display:inline-block;*display:inline;*zoom:1;width:100px;vertical-align:top;但是大家有没有发现，在f 阅读全文