So legen Sie die Breite und Höhe von HTML-Tabellenzellen fest

Beim Erstellen von Webseiten stoßen wir häufig auf das Problem falsch ausgerichteter Tabellenbreiten. Ich habe mir die Details der Höhen- und Breiteneinstellungen des Tabellen-Tags in HTML im Detail angesehen und fasse es nun wie folgt zusammen:

1. Die Breiten- und Höheneinstellungen in der Tabelle und ihre Funktion : Die in der Tabelle festgelegte Höhe legt tatsächlich einen Mindestwert fest. Das heißt, wenn der Inhalt in der Tabelle oder die Gesamtzeilenhöhe diesen festgelegten Wert überschreitet, wird der Höhenwert der Tabelle festgelegt Die Tabelle wird automatisch erweitert. Wenn der Inhalt oder die Zeilenhöhe in der Tabelle diesen Wert nicht erreicht, wird sie automatisch auf diesen Wert erweitert. Der in der Tabelle festgelegte Breitenwert ist im Allgemeinen der Maximalwert der Tabellenbreite und kann nicht geändert werden, auch wenn die Breite des internen Inhalts diesen überschreitet. (Wenn der interne Inhalt ein Bild ist, kann die Tabellenbreite geändert werden.)

2. Die Breiten- und Höheneinstellungen im tr-Tag und ihre Funktionen : Die Breiteneinstellung im tr-Tag hat keine Auswirkung, da, wie aus dem ersten Punkt hervorgeht, die Breite der Tabelle nicht geändert werden kann, das tr-Tag jedoch haben natürlich keine Auswirkung. Daher kann hier nur auf die Höheneinstellung in tr eingegangen werden. Die Höheneinstellung in tr bezieht sich auf die Einstellungen zwischen mehreren tr. Wenn mehrere Trs mit bestimmten Höhenwerten eingestellt sind, wird die Höhe jedes Trs dem Gesamthöhenwert proportional zum eingestellten Wert zugeordnet. Beachten Sie, dass hier der Gesamthöhenwert angegeben wird. Wenn mehrere Trs keinen bestimmten Höhenwert festlegen, wird der Gesamthöhenwert gleichmäßig verteilt. Wenn für einige TRs bestimmte Werte festgelegt sind und für andere keine bestimmten Werte als Standard festgelegt sind, stellen Sie zunächst die Grundbedürfnisse jedes TRs sicher und erfüllen Sie dann die restlichen TRs mit bestimmten festgelegten Werten und dann alle TRs ohne spezifische Werte gesetzt. Im letzten Fall müssen wir auch die Situation berücksichtigen, in der die Gesamtbreite nicht für den Gesamteinstellungswert von tr ausreicht. Wenn sie nicht ausreicht, muss die Höhe der Tabelle automatisch erfüllt werden hier erweitert. Betrachten Sie dann tr mit eingestellter Höhe und schließlich tr ohne eingestellte Höhe.

3. Die Breiten- und Höheneinstellungen und ihre Funktionen im td-Tag : Die Breite und Höhe im td-Tag sind beide wirksam. Schauen wir uns zunächst die Breite eines bestimmten TD an. Die größte Breite wird als die Breite jedes TD in dieser Spalte angesehen. Wobei Sie die Breite eines bestimmten TD aus einer globalen Perspektive erfassen müssen. Sie können seine Breite nicht anhand der Breiteneinstellung dieses TD bestimmen. Sobald wir die Breite jeder Spalte ermittelt haben, wird die Handhabung einfacher. Zu diesem Zeitpunkt basiert die Breitenverteilung zwischen jedem TD auf der Höhenverteilungsregel jedes Tr im zweiten Artikel. Der einzige Unterschied besteht darin, dass die Breite jedes TD standardmäßig nicht gleichmäßig, sondern proportional zu ihrer tatsächlichen Verteilung verteilt wird Inhalte verteilen. Schauen wir uns die Höheneinstellung von td an. Die Höhe jedes td hängt jedoch von der maximalen Höhe der Zeile ab, in der sich das td befindet jeder Reihe wird durch tr bestimmt. Das Prinzip der Höhenzuordnung ist das gleiche. Zu beachten ist außerdem die Beziehung zwischen der Höhe von td und der Höhe von tr. Zunächst muss es auf den Anforderungen des Inhalts basieren. Auf dieser Grundlage wird der größere Einstellwert verwendet einen eingestellten Wert, dann wird der eingestellte Wert verwendet.

1. Verwenden Sie traditionelle Methoden

 <table width=400> <tr> <td width=100></td> <td width=100></td> <td width=100></td> <td width=100></td> < /tr> <Tabelle>

2. Verwenden Sie CSS

 <style>.td{width:100px;}</style><table width=400> <tr> <td class=td></td> <td class=td></td> <td class=td> </td> <td class=td></td> </tr> <table>

Das mögliche Problem bei den beiden oben genannten Methoden besteht darin, dass, wenn der Inhalt die Einstellung überschreitet, z. B. die Bildbreite größer als 100, die Tabellenbreite auf natürliche Weise erweitert und automatisch angepasst wird.

3. Verwenden Sie CSS

 <style>.td{width:100px;overflow:hidden</style><table width=400> <tr> <td class=td></td> <td class=td></td> <td class =td></td> <td class=td></td> </tr> <table>

Mit dieser Methode können Sie den überschüssigen Teil ausblenden. Wenn Sie den Überlaufattributwert auf „Bildlauf“ setzen, können Sie ihn verwenden oder automatisch, können Sie diese Methode verwenden. Wenn Sie den Überlaufattributwert auf „Bildlauf“ oder „Auto“ festlegen, können Sie diese Methode verwenden, wenn er auf „Bildlauf“ oder „Auto“ eingestellt ist.

Die oben beschriebene Methode zum Festlegen der Breite und Höhe von HTML-Tabellenzellen wird Ihnen hoffentlich weiterhelfen. Wenn Sie Fragen haben, hinterlassen Sie mir bitte eine Nachricht Zeit. Ich möchte mich auch bei allen für die Unterstützung der VeVb-Kampfsport-Website bedanken!