用UL/LI进行多列显示

Sep 20

kcao , 12:23 , 技术 , 评论(0) , 引用(0) , 阅读(1005) , Via 本站原创

大 | 中 | 小

先定义CSS

CSS Code Copy Code To Clipboard

//2列：
.list2col li{ line-height:28px;border-bottom:1px solid #EEE; padding-left:15px;font-size:14px;float:left;width: 50%;overflow:hidden;}
//3列：
.list3col li{ line-height:28px;border-bottom:1px solid #EEE; padding-left:15px;font-size:14px;float:left;width: 33%;overflow:hidden;}
//多列就改width=相应%

当然也可以在HTML里直接用style="..."来实现以上CSS，然后直接就实现了：

XML/HTML Code Copy Code To Clipboard

Was young