> 웹 프론트엔드 > HTML 튜토리얼 > 标签<li>为什么不显示_html/css_WEB-ITnose

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

WBOY
풀어 주다: 2016-06-21 09:35:10
원래의
1415명이 탐색했습니다.


如图,一共有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>
    로그인 후 복사

    相关的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;}
    로그인 후 복사

    高度问题?

    高度问题?

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

    .list {	height:140px;	overflow:hidden;}
    로그인 후 복사

    引用 4 楼  的回复:

    高度问题?


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

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

  • 원천:php.cn
    본 웹사이트의 성명
    본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
    인기 튜토리얼
    더>
    최신 다운로드
    더>
    웹 효과
    웹사이트 소스 코드
    웹사이트 자료
    프론트엔드 템플릿