Gut funktionierende Einstellungen für Tabelleneigenschaften: Code kopieren Der Code lautet wie folgt:<table cellSpacing="0" cellPadding="0" border='1' bordercolor="schwarz" Stil='border-collapse:collapse;table-layout: fest'></table> Viele Leute haben diese Erfahrung gemacht: Wenn in einem TD kein Inhalt oder keine sichtbaren Elemente vorhanden sind, verschwindet auch der Rand des TD. Die Lösung besteht darin, der Tabelle den Stil border-collapse:collapse hinzuzufügen. Allgemeine Textkürzung (gilt sowohl für Inline- als auch für Blocktext): Code kopieren Der Code lautet wie folgt:.text-overflow{ display:block;/*Inline-Objekte müssen hinzugefügt werden*/ Breite: 31em; Wortumbruch:alles behalten;/* Kein Zeilenumbruch*/ white-space:nowrap;/* Kein Zeilenumbruch*/ overflow:hidden;/*Überschüssigen Inhalt ausblenden, wenn der Inhalt die Breite überschreitet*/ text-overflow:ellipsis; /* Zeigt ein Auslassungszeichen (...) an, wenn der Text innerhalb eines Objekts überläuft; muss zusammen mit overflow:hidden; verwendet werden. */ } Bei Tabellen ist die Definition etwas anders: Code kopieren Der Code lautet wie folgt:Tisch{ Breite: 30em; table-layout:fixed;/* Die folgende td-Definition funktioniert nur, wenn der Tabellenlayout-Algorithmus als fest definiert ist. */ } td{ Breite: 100 %; Wortumbruch:alles behalten;/* Kein Zeilenumbruch*/ white-space:nowrap;/* Kein Zeilenumbruch*/ overflow:hidden;/*Überschüssigen Inhalt ausblenden, wenn der Inhalt die Breite überschreitet*/ text-overflow:ellipsis; /* Zeigt ein Auslassungszeichen (...) an, wenn der Text innerhalb eines Objekts überläuft; muss zusammen mit overflow:hidden; verwendet werden. */ } Javascript-Operationstabelle, tr, td Code kopieren Der Code lautet wie folgt:table.moveRow(m,n) //Vertausche die Zeilen der Tabelle (IE) Die Zeilen zwischen m und n werden der Reihe nach verschoben table.deleteRow(index) // Zeile löschen table.insertRow(index) //Fügt eine Zeile bei Index ein und gibt den TR zurück tr.insertCell(index) //Fügt eine Zelle ein und gibt den TD zurück tr.deleteCell(index) tr.rowIndex // Gibt die Position von tr in der Tabelle zurück td.cellIndex //Gibt die Position von td in tr zurück |
<<: 25 Beispiele für Website-Design im Nachrichtenstil
>>: Verwenden Sie CSS, um ein Datei-Upload-Muster zu zeichnen
1. Spring Boot unterstützt kein JSP-JAR-Paket, JS...
Aktuell besteht die Anforderung, dass beim Klicke...
Inhaltsverzeichnis DOM-Verarbeitung Arrays Verfah...
Keepalived+Nginx+Tomcat zur Erzielung eines hochv...
Als Reaktion auf die Popularität von nodejs haben...
Im vorherigen Artikel habe ich die Grundkenntniss...
1. Transaktionsmerkmale (ACID) (1) Atomarität. Di...
Proxying mehrerer 302er mit proxy_intercept_error...
Vorwort Node wird als mittlere Schicht im Projekt...
1. Anforderungsbeschreibung Zeigt das Löschsymbol...
1. Stoppen Sie zuerst den Datenbankserver Dienst ...
Dieser Artikel stellt die Methode zur Implementie...
1. golang:neuestes Basis-Image mkdir gotest Berüh...
Hintergrund In Docker werden vier Container mit d...
Vorwort Ich habe im Internet schon viele Artikel ...