星外飞客

今天遇到的问题是在输出li 时其中有一行内容比较多,高度不定,而 li 的样式是提前写好的,如果为了这一条内容,而修改 li 的样式,估计会产生其它的关联问题。而该问题最终用 js 的方法实现了想要的效果。

代码大致如下:

 

XML/HTML代码
  1. <div>     
  2.     <ul>     
  3.         <li>这是一行内容,高度正常</li>     
  4.         <li>这是一行内容,高度正常</li>     
  5.         <li id="fixli">这是三行内容,<br />高度异常,<br />但可用JS修复</li>     
  6.         <li>这是一行内容,高度正常</li>      
  7.     </ul>     
  8. </div>     
  9.      
  10. <script language="javascript">     
  11. height = document.getElementById(‘fixli’).scrollHeight;      
  12. document.getElementById(‘fixli’).style.height = height + ’px’;        
  13. </script>    
版权所有,转载请注明出处。
转载自 <a href="http://www.yanghengfei.com/archives/267/" title="让div的高度随内容自适应" rel="bookmark">让div的高度随内容自适应 | 星外飞客 </a>

我简单说几句

随机推荐

最新评论

无觅相关文章插件,快速提升流量