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

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

 

    
班级信息：
终极一班

班级信息：
终极一班

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

班级信息：
终极2班

班级信息：
终极2班
    


 里面的，li貌似是固定的，不会随着嵌套的div而改变...  
 下面是我的样式  



/*列表项---该列表用于显示用户的简略信息，通常是三行*/    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;}
  
 这样写得效果直接就是    
 那中间两条线 应该就是li得底边框，它高度固定了...  
 Li的高度不能固定，因为你不知道动态读出来的玩意有多少行...  

 问题二：div点击高亮效果怎么做，是针对手机web的，当触碰的时候高亮，手指离开的时候恢复...有插件？  
  
  
回复讨论(解决方案)
 
  li{  
     overflow:hidden;  
 }  



 2)写js绑定事件  touchstart 手摸上去触发   touchend 手拿开触发 在事件里面设置下class 
 
  能说下你在li中加div的目的是什么吗？ 
 
  
   li{   
     overflow:hidden;   
 }   



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

    overflow:hidden;溢出的东西就隐藏了  
  
   能说下你在li中加div的目的是什么吗？  
  

 不用div 用 span也是一样的，li都不会自动适应  

 不管用div 或者span 我只是在给字体加个样式而已 前面的div 字体是粗体....后面的div 点击高亮，带图片，有的带颜色,,,  
  你在div里用两个span来控制下试试 . 我用li的话右边内容也会被挤下去 , 用span解决了这类问题. 
 
  
   
    
 li{    
     overflow:hidden;    
 }    



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

    overflow:hidden;溢出的东西就隐藏了    

 li里面div的样式写出来看看  
  
   
    

     
 li{     
     overflow:hidden;     
 }     



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

    overflow:hidden;溢出的东西就隐藏了      

 li里面div的样式写出来看看    


.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;}
  
  我才看见 你结构不对  
 你里面用 
干嘛  

是用在 行内元素中的换行   



  



班级信息：
终极一班
  

班级信息：
终极一班
  

班级信息：
终极一班
  




  


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

是用在 行内元素中的换行    



   



班级信息：
终极一班
   

班级信息：
终极一班
   

班级信息：
终极一班
   




   



 .......那个不用br也不行，跟br没关系的.....  
 我前面是没有br的...是用做的，是行内元素...因为两个类tips是用像素的，MainInfo用百分比，在电脑屏幕显示，宽度多了，我就加了个br。。后来我以为是span是行内，所以Li高度无效..我就把tips，MainInfo改了了display:block;后面发现还不行，我又试了div..发现也不行，就贴出来问了，代码就没改...  
 现在没有br 也是不行的  
  li的高度是会随内容大小变化的。看不到你全部的代码，找不出哪儿错了。  
 你可以给li，div等元素加上border进行调试 
 
  
   li的高度是会随内容大小变化的。看不到你全部的代码，找不出哪儿错了。   
 你可以给li，div等元素加上border进行调试  
  

 你这话是对的，li的高度是会随内容大小变化的，我用jq 测试一下 点击这个li的$(this).html();发现都是对的  

 但是如果你加了border 貌似 border就不跟li一起变化了，后来我不要li的border，我用div的border发现不行  

 现在我改用table了，真无语
声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系[e-mail]核实处理。
相关文章
相关视频

• html下拉菜单文字怎么变小
• HTML里怎么设置thead表头的颜色
• html5中元素能拉伸宽度吗
• html中怎么清除li黑点
• css样式 设置问题，两个问题_html/css_...

• 接口与抽象类01
• 类的composer自动加载机制
• composer原理与常用命令03
• composer原理与常用命令02