ホームページ >ウェブフロントエンド >htmlチュートリアル >ディスプレイの共通属性値の紹介

ディスプレイの共通属性値の紹介

零下一度
零下一度オリジナル
2017-06-24 11:30:192833ブラウズ

共通の属性値

  • none: 非表示の要素

  • block: ブロックレベルの要素

  • inline-block: インラインブロックレベルの要素

  • list-item: リスト項目

  • tableシリーズの表示

  • table

  • table-row

  • flex (フレキシブルボックス)

  1. .table{display:table;border-collapse:collapse;border:1px Solid #ccc ; }

  2. .table-caption{display:table-caption;margin:0;padding:0;font-size:16px;}

  3. .table-column-group{display:table-column-group ; }

  4. .table-column{display:table-column;width:100px;}

  5. .table-row-group{display:table-row-group;}

  6. .table-row { display:table-row;}

  7. .table-row-group .table-row:hover,.table-footer-group .table-row:hover{background:#f6f6f6;}

  8. .table - cell{display:table-cell;padding:0 5px;border:1pxソリッド #ccc;}

  9. .table-header-group{display:table-header-group;background:#eee;font-weight:bold ;}

  10. .table-footer-group{display:table-footer-group;}

以上がディスプレイの共通属性値の紹介の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。