Comment utiliser css propriétés d`affichage pour les mises en réseau

<

Contenu

  • Instructions
  • Conseils & avertissements
  • div itemprop="description" class="intro marginTop" data-module="article-intro">

    La propriété CSS display vous permet de définir des règles pour l`affichage qui rendent l`affichage de votre contenu sous forme de grille ou comme si elle était une table, alors que le matériau est pas une table. L`utilisation de CSS pour créer une mise en page de grille vous permet de contrôler la mise en page sans mettre des balises de table dans le code HTML. Les propriétés d`affichage qui se rapportent à une apparence de tableaux, y compris chaque propriété possible et la valeur, seront décrites dans cet article.

    Choses que vous devez

    • Une page HTML
    • Une feuille de style

    Instructions

    1. display: table fait l`élément agir comme un élément de table. Si vous rangées de nids ou des colonnes de grilles dans cet élément, vous devez utiliser un ou plusieurs des propriétés décrites ci-après.

    2. display: table-row fait l`élément agissent comme un élément de ligne de table. Il est possible d`utiliser l`affichage: table-row efficacement sans l`avoir imbriqué dans un ensemble d`éléments à afficher: table. En effet, le navigateur suppose l`existence d`un "anonyme" élément de table et se comporte comme si elle était là. (Voir Conseils ci-dessous pour plus d`informations "anonyme" éléments.) Rappelez-vous, vous ne créez pas une table réelle des tableaux de données que vous créez simplement un affichage de grille.




    3. display: table-cell rend l`élément agir comme un élément de cellule de tableau. Il est possible d`utiliser l`affichage: table-cell efficacement sans avoir l`élément imbriqué dans un ensemble d`éléments à afficher: table-row ou display: table.

    4. display: table-row-groupe fait l`élément agir comme un élément de groupe de ligne de table. Utiliser pour un élément des groupes d`un ou plusieurs rangées. Il est le moyen de CSS d`exprimer ce que tbody fait dans HTML.

    5. display: table-header-groupe fait l`élément agissent comme un élément de groupe de lignes d`en-tête de table. Il est le moyen de CSS d`exprimer ce que thead fait dans HTML. Avec CSS, la table-header-groupe est toujours affiché avant toutes les autres lignes et rowgroups et après les légendes haut.

    6. display: table-footer-groupe fait l`élément agissent comme un élément de groupe de lignes table de pied de page. Avec CSS, la table-footer-groupe fait ce tfoot fait dans HTML. Le tableau-footer-groupe est toujours affiché après toutes les autres lignes et rowgroups et avant toutes les légendes du bas. Les imprimantes peuvent répéter les rangées de pied de page sur chaque page enjambé par une table.

    7. display: table-caption rend l`élément agissent comme un élément table de légende.

    8. display: table-colonne rend l`élément agissent comme un élément de colonne de table. Il est le moyen de CSS d`exprimer ce col fait en HTML.

    9. display: table-column-groupe fait l`élément agir comme un groupe de colonnes de table. Utilisez-le pour un groupe ou plusieurs colonnes. Il est le moyen de CSS d`exprimer ce que colgroup fait dans HTML.

    Conseils & Avertissements

    • Tout affichage: élément de table génère automatiquement des objets de table anonyme nécessaires autour de lui-même.
    • Tout sélecteur dans votre feuille de style mis à l`une de ces propriétés d`affichage peut être stylé avec la gamme complète des règles CSS, y compris le rembourrage, la marge, frontière, fond et les propriétés font-family.
    • propriétés d`affichage CSS ne sont pas pris en charge par Internet Explorer versions ci-dessous la version 8.

    AUTRES

    » » » » Comment utiliser css propriétés d`affichage pour les mises en réseau