HTML löst das Problem ungültiger Tabellenbreiteneinstellungen

HTML löst das Problem ungültiger Tabellenbreiteneinstellungen

Wenn Sie den Stil „table-layer:fixed“ für eine Tabelle festlegen und feststellen, dass eine Zeile in der Tabelle zusammengeführt wurde, werden die Spaltenbreiten der anderen Zeilen, die nicht zusammengeführt wurden, gemittelt und die Einstellung der Spaltenbreite wird ungültig.

Lösung:

Vor tbody hinzufügen

        <col style="Breite: 100px;"/>
        <Spalte>
        <col style="Breite: 100px;"/>
        <col style="Breite: 100px;"/>
        <col style="Breite: 100px;"/>
.detail {
    Polsterung unten: 50px;
    Rand oben: 80px;
}

.detail_tabelle {
    table-layout:fixed;/*Die Spaltenbreite wird durch die Tabellenbreite und Spaltenbreite bestimmt. */
    Rand: auto;/*Tabelle zentriert*/
    Textausrichtung: zentriert;
    Rand: 1px durchgezogen #804040;
    Rahmen-Zusammenbruch: Zusammenbruch;
}

.detail_table th {
    Polsterung: 26px;
}

.detail_table td {
    Rand: 1px durchgezogen #804040;
    Polsterung oben: 16px;
    Polsterung unten: 16px;
}

.besonders {
    Textausrichtung: links;
    Polsterung links: 20px;
}

<div Klasse="Detail">

    <Tabelle Klasse="Detailtabelle">

        <Kopf>
        <th colspan="5">Details der ausgewählten Optionen</th>
        </thead>
        <!--Wenn Sie schreiben, folgt es der Breite, die Sie schreiben, aber wenn die Breite, die Sie schreiben, die Tabelle nicht füllt, wird es gemäß dem von Ihnen angegebenen Größenverhältnis gleichmäßig auf alle td aufgeteilt-->
        <!--Jetzt sind die vier Spalten 100 Pixel groß und die Spalte ohne Daten nimmt den gesamten Rest ein-->
        <col style="Breite: 100px;"/>
        <Spalte>
        <col style="Breite: 100px;"/>
        <col style="Breite: 100px;"/>
        <col style="Breite: 100px;"/>

        <tbody>

        <tr>
            <td>
                Seriennummer
            <td>
                Problembeschreibung
            <td>
                Entspricht
            <td>
                Nicht konform</td>
            <td>
                Unsicher
        </tr>

        <?php $i = 1; ?>

        <?php foreach ($test als $item): ?>
            <!--Auswahl abrufen-->
            <?php $temp = $this->session->userdata('b' . $i) ?>

            <tr>

                <td>
                    <?php echo $i; ?>
                </td>

                <td>
                    <?php echo $item; ?>
                </td>

                <td>
                    <?php if ($temp == 1): ?>√<?php endif ?>
                </td>
                <td>
                    <?php if ($temp == 2): ?>√<?php endif ?>
                </td>

                <td>
                    <?php if ($temp == 3): ?>√<?php endif ?>
                </td>

            </tr>

            <?php $i++; ?>

        <?php endforeach; ?>

        </tbody>

    </Tabelle>

</div>

Dies ist das Ende dieses Artikels zur Lösung des Problems ungültiger Tabellenbreiteneinstellungen in HTML. Weitere verwandte Inhalte zu ungültigen Tabellenbreiteneinstellungen finden Sie in früheren Artikeln auf 123WORDPRESS.COM oder in den verwandten Artikeln weiter unten. Ich hoffe, Sie werden 123WORDPRESS.COM auch in Zukunft unterstützen!

<<:  Lösen Sie das Problem, dass die Methoden der document.getElementBy-Reihe keine Objekte abrufen können

>>:  Zeichnen Sie ein Herz mit CSS3

Artikel empfehlen

Detaillierte Erklärung der Softwarekonfiguration mit Docker-Compose unter Linux

Vorwort In diesem Artikel werden einige Docker-Co...

XHTML-Tutorial für den Einstieg: Häufig verwendete XHTML-Tags

<br />Genau wie ein Artikel sollten unsere W...

Die neueste Sammlung von 18 Webdesign-Arbeiten im grünen Stil

Toy Story 3 Online-Marketing-Website Zen Mobile E...

Flex-Layout erreicht feste Anzahl von Zeilen pro Zeile + adaptives Layout

Dieser Artikel stellt das Flex-Layout vor, um ein...

Zusammenfassung häufig verwendeter Escape-Zeichen in HTML

Die in HTML häufig verwendeten Escape-Zeichen wer...

Detaillierte Erklärung zur Verwendung von MySQL-Gruppenlinks

Gruppieren und Verknüpfen sind in MySQL die beide...

Memcached-Methode zum Erstellen eines Cache-Servers

Vorwort Viele Webanwendungen speichern Daten in e...

Schritte zur Lösung des Zeitzonenproblems in MySQL 8.0

Softwareversion Windows: Windows 10 MySQL: mysql-...

Eine kurze Analyse des Unterschieds zwischen FIND_IN_SET() und IN in MySQL

Ich habe die Mysql FIND_IN_SET-Funktion vor einig...

Beispiel zum Aktivieren langsamer Abfragen in MySQL

Vorwort Das langsame Abfrageprotokoll ist eine se...

Mysql NULL verursachte die Grube

Verwenden von NULL in Vergleichsoperatoren mysql&...