ホームページ > ウェブフロントエンド > htmlチュートリアル > タグ
  • display_html/css_WEB-ITnose を使用しない理由
  • タグ
  • display_html/css_WEB-ITnose を使用しない理由
  • WBOY
    リリース: 2016-06-21 09:35:10
    オリジナル
    1417 人が閲覧しました


    図に示すように、合計 7 つの
  • タグがありますが、最初の 5 つだけが表示されます。なぜ最後の 2 つがソース コードで正しく表示されないのかわかりません。最後の 2 つは Dreamweaver でも見ることができます。エフェクトは消えていますが、Web ページ上では消えています


    ディスカッションに返信 (解決策)

    コードを投稿してください。

      <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 コード
    .list {
    height:140px;
    overflow:hidden;

    自動高さに設定することもできます

    はい、はい、はい、以前は CSS の値に注意を払いませんでした。コードを投稿した後に気づきました。皆さん、ありがとうございます、それは高度の問題です。 !

  • ソース:php.cn
    このウェブサイトの声明
    この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
    人気のチュートリアル
    詳細>
    最新のダウンロード
    詳細>
    ウェブエフェクト
    公式サイト
    サイト素材
    フロントエンドテンプレート