今天遇到的问题是在输出li 时其中有一行内容比较多,高度不定,而 li 的样式是提前写好的,如果为了这一条内容,而修改 li 的样式,估计会产生其它的关联问题。而该问题最终用 js 的方法实现了想要的效果。
代码大致如下:
<div class="codeText">
- <div>
- <ul>
- <li>这是一行内容,高度正常</li>
- <li>这是一行内容,高度正常</li>
- <li id="fixli">这是三行内容,<br />高度异常,<br />但可用JS修复</li>
- <li>这是一行内容,高度正常</li>
- </ul>
- </div>
- <script language="javascript">
- height = document.getElementById('fixli').scrollHeight;
- document.getElementById('fixli').style.height = height + 'px';
- </script>
