css样式 设置问题，两个问题_html/css_WEB-ITnose

问题1：
如何让li适应嵌套在他里面的内容的高度...

 
    
    
班级信息：
终极一班

    
班级信息：
终极一班

    
班级信息：
终极一班
    
    
班级信息：
终极2班

    
班级信息：
终极2班

    
班级信息：
终极2班
    

/*列表项---该列表用于显示用户的简略信息，通常是三行*/    ul{ border-left:1px solid #BEBEBE;border-right:1px solid #BEBEBE; border-radius:10px;padding:0px; overflow:hidden; }ul li{  list-style:none;padding:0px; border-bottom:1px solid #BEBEBE; padding-top:5px; height:auto;  background :url(../AppImages/right.png) no-repeat scroll right center transparent;}

标小兔AI写标书

一款专业的标书AI代写平台，提供专业AI标书代写服务，安全、稳定、速度快，可满足各类招投标需求，标小兔，写标书，快如兔。

下载

回复讨论(解决方案)

li{
    overflow:hidden;
}



2)写js绑定事件  touchstart 手摸上去触发   touchend 手拿开触发 在事件里面设置下class

能说下你在li中加div的目的是什么吗？

li{
    overflow:hidden;
}



2)写js绑定事件  touchstart 手摸上去触发   touchend 手拿开触发 在事件里面设置下class

能说下你在li中加div的目的是什么吗？

你在div里用两个span来控制下试试 . 我用li的话右边内容也会被挤下去 , 用span解决了这类问题.

li{
    overflow:hidden;
}



2)写js绑定事件  touchstart 手摸上去触发   touchend 手拿开触发 在事件里面设置下class

li{
    overflow:hidden;
}



2)写js绑定事件  touchstart 手摸上去触发   touchend 手拿开触发 在事件里面设置下class

.tips{   display:block; float:left; width:97px; font-weight:bold;  text-align:left; height:30px; line-height:30px;  text-overflow: ellipsis; }.MainInfo{   display:block; float:left; width:70%; font-weight:normal;  text-align:left;height:30px;line-height:30px;  text-overflow: ellipsis;    background :url(../AppImages/edit.png) no-repeat scroll right center transparent;}

我才看见 你结构不对
你里面用 
干嘛

是用在 行内元素中的换行 

    
• 
            
  
                 
  • 班级信息：
    终极一班
  
                
  • 班级信息：
    终极一班
  
               
  • 班级信息：
    终极一班
  
            
  
      

我才看见 你结构不对
你里面用 
干嘛

是用在 行内元素中的换行 

    
• 
            
  
                 
  • 班级信息：
    终极一班
  
                
  • 班级信息：
    终极一班
  
               
  • 班级信息：
    终极一班