欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

CSS的一些应用技巧

程序员文章站 2024-02-21 16:47:40
...

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>

 

 

不断收集中。。。

相关标签: CSS