Home > Web Front-end > HTML Tutorial > 标签<li>为什么不显示_html/css_WEB-ITnose

标签<li>为什么不显示_html/css_WEB-ITnose

WBOY
Release: 2016-06-21 09:35:10
Original
1418 people have browsed it


如图,一共有7个
  • 标签,却只显示了前5个,后两个不知道为什么显示不出来,源代码里显示没错,在dreamweaver里也能看到后两个的效果,但到网页就没有了


    回复讨论(解决方案)

    把代码发上来。

      <center>  <table width="587" align="center">    <tr>      <td align="left" style="color:black">      <ul class="list" id="hotInfo">      <li><a title='1111'  ><input type="checkbox" value="1111" name="articleId"/><a href='www.baidu.com' target="_blank">11111</a><br/>      </li>      <li><a title='1111' target="_blank" ><input type="checkbox" value="1111" name="articleId"/><a href='www.baidu.com'>222</a><br/>      </li>      <li><a title='1111' target="_blank" ><input type="checkbox" value="1111" name="articleId"/><a href=''>3333333</a><br/>      </li>      <li><a title='1111' target="_blank" ><input type="checkbox" value="1111" name="articleId"/><a href=''>444444</a><br/>      </li>      <li><a title='1111' target="_blank" ><input type="checkbox" value="1111" name="articleId"/><a href=''>5555555</a><br/>      </li>      <li><a title='1111' target="_blank" ><input type="checkbox" value="1111" name="articleId"/><a href=''>666</a><br/>      </li>      <li><a title='1111' target="_blank" ><input type="checkbox" value="1111" name="articleId"/><a href=''>777777777</a><br/>      </li>      </ul>      </td>    </tr>  </table>  </center>
    Copy after login

    相关的css代码:

    .list {height:140px;overflow:hidden;}.list li {float:left;width:405px;height:27px;line-height:27px;color:#888;overflow:hidden;background:url(../images/arrow.gif) no-repeat 0 6px;padding-left:15px;border-bottom:1px dotted #D8EBF9;}.list li a {color:#005494;padding:0 5px;}
    Copy after login

    高度问题?

    高度问题?

    是的。ul的高度超过了.list类定义的140px的高度,删除下面这个样式就行了。

    .list {	height:140px;	overflow:hidden;}
    Copy after login

    引用 4 楼  的回复:

    高度问题?


    是的。ul的高度超过了.list类定义的140px的高度,删除下面这个样式就行了。
    CSS code
    .list {
        height:140px;
        overflow:hidden;
    }
    设置为自动高度也行的

    对对对,我之前一直没注意CSS里边的值,贴出来代码才发现,谢谢各位,就是高度问题!!

  • source:php.cn
    Statement of this Website
    The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
    Popular Tutorials
    More>
    Latest Downloads
    More>
    Web Effects
    Website Source Code
    Website Materials
    Front End Template