日期:2014-05-17  浏览次数:20769 次

CSS的一些应用技巧

1. 怎么控制一行拥有几条LI。

?

.rep {
         width:680px;
         float:left;
         list-style-type:none;
         overflow:hidden;
         padding:0;
          margin-left:0;
}

.rep li{
         width:165px;
         margin-left:2px;
         float:left;
         overflow:hidden; 
         text-align:center;
}
?

?

2. 当LI设置了长度,当字数超宽时,隐藏多余的字。

?

?

<style type="text/css">  
<!--  
li {  
    width:200px;  
    white-space:nowrap;  
    text-overflow:ellipsis;  
    overflow: hidden;  
    }  
-->  
</style>

?

?

不断收集中。。。