Beispielcode zum Implementieren eines gleichhohen Layouts auf mehrere Arten mit CSS

<Stil>
    Körper, div, ul, li {Rand: 0; Polsterung: 0;}
    li{Listenstil: keine;}
    .Tabellenlayout-Container{
        Breite: 50%;
        Rand: 20px automatisch;
    }
    .table-row-layout{
        /* Wenn die Elementanzeige auf Tabellenzeile eingestellt ist, hat das Festlegen der Breite keine Auswirkung. Sie müssen es daher mit einem anderen Div umschließen und dann dessen Breite festlegen.*/
        Anzeige: Tabellenzeile;
    }
    .table-cell-layout{
        Anzeige: Tabellenzelle;
        Breite: 33,33 %;
        Polsterung: 10px;
        Rand: 1px durchgezogen #ccc;
        Rand links: keiner;
    }
    .table-cell-layout:erstes-kind{
        Rahmen links: 1px durchgezogen #ccc;
    }
</Stil>

<Text>
    <div Klasse="Tabellenlayout-Container">
        <ul Klasse="Tabellenzeilenlayout">
            <li Klasse="Tabellenzellenlayout">
                Die Entwicklung der Branche wird zwangsläufig zur Unterteilung der Berufe führen, und das gilt auch für den Front-End-Bereich. Derzeit hat das Front-End der Branche die folgenden Richtungen: Schnittstellenanzeige, Benutzererfahrung und Zugänglichkeit,
                Die nachfolgende js/nodejs-Entwicklungsrichtung, Audio-/Video-Rich-Media-Richtung, SVG/Canvas/WebGL-Richtung für dynamischen kreativen Ausdruck und Datenvisualisierung, Tool-Erstellungsdokumentenverwaltung, interne Site-Erstellung und Front-End-Betriebsrichtung für Konferenzbuchung, Teambildung, Organisation und externe Markenwerbung.
            </li>
            <li Klasse="Tabellenzellenlayout">
                Aufgrund der unterschiedlichen Persönlichkeitsmerkmale und Wachstumserfahrungen der einzelnen Personen sind die für sie passenden Richtungen natürlich unterschiedlich. Wer einfühlsam ist und über einen gestalterischen Hintergrund verfügt, kann sich auf das Benutzererlebnis konzentrieren, wer über eine ausgeprägte logische und technische Denkweise verfügt, ist eher für die Back-End-Entwicklung geeignet, wer gut in Mathematik und Physik ist, kann sich mit der Datenvisualisierung befassen und wer über ausgeprägte Kommunikations- und Koordinationsfähigkeiten verfügt, kann sich auf den Front-End-Betrieb konzentrieren.
            </li>
            <li Klasse="Tabellenzellenlayout">
                Als ich Studentin war, waren alle sehr anständig. Ich studierte, was ich wollte. Viele Mädchen mochten zum Beispiel CSS, das Schreiben von Webseiten und das Erstellen von Effekten. Aber als sie anfing, nach einem Job zu suchen,
                Die Dinge begannen sich zu ändern, als ich mit den wahren Kreisen der Branche in Kontakt kam.
            </li>
        </ul>
    </div>
</body>

<Stil>
    Körper, div, ul, li {Rand: 0; Polsterung: 0;}
    li{Listenstil: keine;}
    .flex-layout{
        Anzeige: Flex;
        Breite: 50%;

        Rand: 20px automatisch;
    }
    .flex-item{
        Breite: 33,33 %;
        Polsterung: 10px;
        Rand: 1px durchgezogen #ccc;
        Rand links: keiner;
    }
    .flex-item:erstes-kind{
        Rahmen links: 1px durchgezogen #ccc;
    }
</Stil>

<Text>
    <ul Klasse="Flex-Layout">
        <li Klasse="Flex-Element">
            Die Entwicklung der Branche wird unweigerlich zu einer Aufteilung der Berufe führen, und das gilt auch für den Front-End-Bereich. Derzeit hat das Front-End der Branche die folgenden Richtungen: Benutzerfreundlichkeit und Zugänglichkeit der Anzeige der Schnittstelle, Entwicklung von JS/NodeJS im Back-End, Audio-/Video-Rich-Media, SVG/Canvas/WebGL-Dynamikeffekte, kreativer Ausdruck und Datenvisualisierung, Werkzeugkonstruktion, Dokumentenverwaltung, interner Site-Aufbau, Front-End-Betrieb und -Wartung sowie Konferenzbuchung, Teambildung, Organisation und externe Markenwerbung.
        </li>
        <li Klasse="Flex-Element">
            Aufgrund der unterschiedlichen Persönlichkeitsmerkmale und Wachstumserfahrungen eines jeden Menschen sind die für ihn passenden Richtungen natürlich unterschiedlich. Wer einfühlsam ist und über einen gestalterischen Hintergrund verfügt, kann sich auf das Benutzererlebnis konzentrieren, wer über eine ausgeprägte logische und technische Denkweise verfügt, ist eher für die Back-End-Entwicklung geeignet, wer gut in Mathematik und Physik ist, kann sich mit der Datenvisualisierung befassen und wer über ausgeprägte Kommunikations- und Koordinationsfähigkeiten verfügt, kann sich auf den Front-End-Betrieb konzentrieren.
        </li>
        <li Klasse="Flex-Element">
            Als ich Studentin war, waren alle sehr anständig. Ich studierte, was ich wollte. Viele Mädchen mochten zum Beispiel CSS, das Schreiben von Webseiten und das Erstellen von Effekten. Als sie jedoch mit der Arbeitssuche begann und mit den realen Kreisen der Branche in Kontakt kam, änderte sich die Lage.
        </li>
    </ul>
</body>

<Stil>
    Körper, div, ul, li {Rand: 0; Polsterung: 0;}
    li{Listenstil: keine;}
    .marign-layout{
        Breite: 50%;
        Rand: 20px automatisch;
        Überlauf: versteckt;
    }
    .Artikel{
        schweben: links;
        Breite: 30%;
        Polsterung: 10px;
        Rand unten: -9999px;
        Polsterung unten: 9999px;
        Rand: 1px durchgezogen #ccc;
        Rand links: keiner;
    }
    .item:erstes-Kind{
        Rahmen links: 1px durchgezogen #ccc;
    }
</Stil>

<Text>
    <ul Klasse="marign-layout">
        <li Klasse="Artikel">
            Die Entwicklung der Branche wird unweigerlich zu einer Aufteilung der Berufe führen, und das gilt auch für den Front-End-Bereich. Derzeit hat das Front-End der Branche die folgenden Richtungen: Benutzerfreundlichkeit und Zugänglichkeit der Anzeige der Schnittstelle, Entwicklung von JS/NodeJS im Back-End, Audio-/Video-Rich-Media, SVG/Canvas/WebGL-Dynamikeffekte, kreativer Ausdruck und Datenvisualisierung, Werkzeugkonstruktion, Dokumentenverwaltung, interner Site-Aufbau, Front-End-Betrieb und -Wartung sowie Konferenzbuchung, Teambildung, Organisation und externe Markenwerbung.
        </li>
        <li Klasse="Artikel">
            Aufgrund der unterschiedlichen Persönlichkeitsmerkmale und Wachstumserfahrungen der einzelnen Personen sind die für sie passenden Richtungen natürlich unterschiedlich. Wer einfühlsam ist und über einen gestalterischen Hintergrund verfügt, kann sich auf das Benutzererlebnis konzentrieren, wer über eine ausgeprägte logische und technische Denkweise verfügt, ist eher für die Back-End-Entwicklung geeignet, wer gut in Mathematik und Physik ist, kann sich mit der Datenvisualisierung befassen und wer über ausgeprägte Kommunikations- und Koordinationsfähigkeiten verfügt, kann sich auf den Front-End-Betrieb konzentrieren.
        </li>
        <li Klasse="Artikel">
            Als ich Studentin war, waren alle sehr anständig. Ich studierte, was ich wollte. Viele Mädchen mochten zum Beispiel CSS, das Schreiben von Webseiten und das Erstellen von Effekten. Als sie jedoch mit der Arbeitssuche begann und mit den realen Kreisen der Branche in Kontakt kam, änderte sich die Lage.
        </li>
    </ul>
</body>