评论：用display:inline-block做产品列表

由：JashionXu

JashionXu — Thu, 13 May 2010 05:30:28 +0000

代码看不到，重贴一下
css如下
*{ margin:0; padding:0;} img{ border:none;} li{list-style:none;} a{ color:#000; text-decoration:none;} a:hover{color:#f00; text-decoration:underline;} body{ font:12px/1.5 tahoma,arial,宋体,sans-serif;} .box{ width:750px; margin:auto; background:#ffe;} .list_video{ letter-spacing:-3.33em;} .list_video img{ display:block; margin-bottom:4px; width:140px; height:84px;} .list_video li{ letter-spacing:0; display:inline-block; *display:inline; * zoom:1; vertical-align:top; margin:0 10px 10px 0; width:140px;}

html如下


			2010伦敦Gumball 3000拉力赛 豪车盛宴

			会员：xxx

			播放：1120320

由：JashionXu

JashionXu — Thu, 13 May 2010 05:24:25 +0000

看了你的文章，自己实现了一下。自适应高度，类似表格布局
有兴趣的可以看看。

*{ margin:0; padding:0;}
img{ border:none;}
li{list-style:none;}
a{ color:#000; text-decoration:none;}
a:hover{color:#f00; text-decoration:underline;}
body{ font:12px/1.5 tahoma,arial,宋体,sans-serif;}
.box{ width:750px; margin:auto; background:#ffe;}
.list_video{ letter-spacing:-3.33em; overflow:hidden; zoom:1}
.list_video img{ display:block; margin-bottom:4px; width:140px; height:84px;}
.list_video li{ display:inline-block; letter-spacing:0; *display:inline; vertical-align:top; margin-right:10px; margin-bottom:10px; width:140px; overflow:hidden; zoom:1;}

2010伦敦Gumball 3000拉力赛豪车盛宴
会员：xxx
播放：1120320

由：14px

14px — Tue, 26 Jan 2010 03:31:57 +0000

噢“`介样。
=。= 浏览器总是自作多情吖…IE搞个1px，safari的最小字体也是1px，不能都像FF那样本份点不。。

由：ytzong

ytzong — Wed, 30 Dec 2009 02:54:07 +0000

Chrome不支持12px以下的字体

由：14px

14px — Wed, 30 Dec 2009 02:04:16 +0000

一个更简单的方法解决缝隙的问题：
ul { font-size:0;}
li { font-size:12px;}

由：FirHome

FirHome — Wed, 23 Dec 2009 09:41:54 +0000

学习了。

由：设计师

设计师 — Sun, 20 Dec 2009 16:12:48 +0000

受用了~