Detaillierte Erläuterung von Kompatibilitätsproblemen und Lösungen zum Festlegen der maximalen und minimalen Breite in der Tabelle

Detaillierte Erläuterung von Kompatibilitätsproblemen und Lösungen zum Festlegen der maximalen und minimalen Breite in der Tabelle

Festlegen der Eigenschaften für Mindest- und Maximalbreite in der Tabelle

<Tabelle>

 <tr><td>1</td><td>2</td></tr>

</Tabelle>

Tabelle {min-width:60%;min-width:100%;}

Aber Chrome ist nicht mit max-width kompatibel und IE7 ist mit beidem nicht kompatibel.

Lösung: Wickeln Sie ein Div um die Tabelle und legen Sie die Mindest- und Maximalbreite für das Div fest.

<div Klasse="Tabellen-Wrap">

 <Tabelle>

  <tr><td>1</td><td>2</td></tr>

 </Tabelle>

</div>
.table-wrap{width:500px;min-width:60%;min-width:100%;}

.table-wrap Tabelle {Breite: 100 %;}

Dies ist das Ende dieses Artikels über Kompatibilitätsprobleme und Lösungen zum Festlegen der maximalen und minimalen Breite in Tabellen. Weitere relevante Inhalte zur maximalen und minimalen Breite von Tabellen finden Sie in früheren Artikeln auf 123WORDPRESS.COM oder durchsuchen Sie die verwandten Artikel weiter unten. Ich hoffe, Sie werden 123WORDPRESS.COM auch in Zukunft unterstützen!

<<:  Über die Fallstricke bei der Implementierung der angegebenen Kodierung in MySQL

>>:  Tipps für die effiziente Nutzung von CSS-Stylesheets: Nutzen Sie die Leistungsfähigkeit von Stylesheets voll aus

Artikel empfehlen

Codebeispiele für allgemeine Vorgänge bei der Docker-Image-Verwaltung

Spiegelung ist auch eine der Kernkomponenten von ...

Implementierung der Anmeldeseite des tatsächlichen Kampfprotokolls von Vue

Inhaltsverzeichnis 1. Vorbereitende Maßnahmen 1.1...

So erstellen Sie einen SVN-Server unter Linux

1: SVN installieren yum install -y Subversion 2. ...

Detaillierte Ansicht versteckter Spalten in MySQL

Inhaltsverzeichnis 1. Primärschlüssel vorhanden 2...

jQuery implementiert ein atmendes Karussell

In diesem Artikel wird der spezifische Code von j...

Einfache Prinzipien für die Gestaltung des Webseiten-Layouts

Dieser Artikel fasst einige einfache Prinzipien d...

Einführung in semantische HTML-Tags

In den letzten Jahren war DIV+CSS bei der Website-...