Wenn ich diesen Namen in diesem Artikel bekomme, wird vielleicht jemand fragen: Warum folgen Sie immer noch Tischen? Das ist schon veraltet ... beeilen Sie sich xhtml ... Div ist gut ... Ul ist gut ... ol ist gut ... DL ist gut ... DL ist gut ... das ist fertig, ich weiß nicht, was sonst noch besser ist.
Ist der Tisch wirklich veraltet? Kennst du den Tisch wirklich? Verwenden Sie wirklich Tabelle?
Wir sind nicht das, was wir tun müssen, um einen verbalen Kampf zu führen. Lassen Sie es denjenigen überlassen, die viel Zeit haben.
Zurück zum Thema:
Ich erinnere mich nicht, wann jemand eine Tabelle verwendet hat, um DataGrid zu simulieren, und sagte: Warum können TD -Texte, die die feste Breite nicht überschreiten, nicht versteckt werden, aber die Zeile direkt einpacken werden?
Ja, es tut: wie:
Führen Sie den Code wie oben aus, und Sie werden den Text in der Zelle finden, das die feste Breite nicht überschreitet, wird jedoch nicht versteckt, sondern mit einer neuen Zeile angezeigt. Offensichtlich meine ich das nicht.
Es scheint, dass dies ein Merkmal der Tabelle zu sein scheint. Es kann die Kombination von {Breite:*px; weißer Raum: nowrap; Überlauf: versteckt;} sehr gut unterstützen. Letztendlich funktioniert der weiße Raum: Nowrap nicht, so dass der Überlauf: Hidden ungültig ist. {Hinweis: Wenn es sich um eine Reihe bedeutungsloser Zeichen handelt, kann dies wirksam werden. Zum Beispiel: <td class = col1> aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa-und. Ein Wort ohne Zeilenunterbrechung, also ist eine jenseits der Breite. Col1 wird versteckt sein}
[Lösung 1:]
Später erwähnte jemand, dass die Verwendung prozentualer Breite ausreicht. Nach dem Test ist es in der Tat möglich. Ich modifizierte die Stile mehrerer Zeilen des ersten Absatzes leicht, und die anderen bleiben unverändert:
.Col1 {Breite: 20%;}
.Col2 {Breite: 40%;}
.Col3 {Breite: 40%;}
Nach dem Ausführen des modifizierten Codes werden Sie feststellen, dass der Text über die Breite hinaus versteckt ist und der gewünschte Effekt zu erzielen scheint.
In der Tat löst die Verwendung prozentualer Breite das Problem, diesen Text zu verbergen, aber dies scheint nicht die beste Lösung zu sein, da wir eine feste Breite benötigen, keine prozentuale Breite.
Die Wurzel all dies liegt darin, wie der Text in der Zelle in einer Zeile angezeigt wird, ohne Linien zu wickeln.
[Lösung 2:]
Um diese Anforderung zu erfüllen, denken wir neben Stilen möglicherweise auch an ein Etikett, das wir schon lange nicht mehr verwendet haben. Die Funktion dieses Elements besteht darin, den in einer Zeile angezeigten Inhalt zu erzwingen. Der obige Code wird wie folgt geändert und die anderen bleiben unverändert:
<Table Border = 1 Cellpacing = 0 Zusammenfassung = Rückblick und schauen Sie sich die Tabelle an: TD spielt auch Überlauf: Hidden>
<tr>
<td class = col1> <nobr> shenzhou elegant q400n </nobr> </td>
<td class = col2> <nobr> Elegant Q400N unter Verwendung von Intel Core2 Duo (Merom) T5450 (1,66G) Prozessor </nobr> </td>
<td class = col3> <nobr> xunchi 4 Plattform, herausragende Kosteneffizienz, schönes Aussehen </nobr> </td>
</tr>
</table>
Nach dieser Änderung werden Sie feststellen, dass der Effekt tatsächlich erreicht wird. Solltest du aufgeregt sein? Nein, das scheint nicht die beste Lösung zu sein, da es schließlich ein bisschen unangenehm ist, eine Elementmarke zu verwenden, die seit langem nicht mehr verwendet wird und nicht empfohlen wird.
Nach dieser Idee habe ich dieses Problem aus einer anderen Perspektive berücksichtigt und festgestellt, dass das Problem leicht gelöst werden kann.
Da wir nicht einfach einen weißen Raum hinzufügen: Nowrap zu TH und TD in einer festen Breite, was ist dann mit einer festen Breite ein weiteres Markierungselement zu einer festen Breite?
Beste Lösung:
Das Ausführen des obigen Codes wird feststellen, dass dieser Ansatz in Ordnung ist, und in Bezug auf die Einfachheit, Lesbarkeit und Rationalität des Code ist er besser als die vorherigen Lösungen.
{Schüler, die den Inhalt nicht versteckt haben, können zuerst eine feste Breite für Zellen auf der Maschine spielen und dann diesen Artikel lesen}
Tatsächlich ist Tisch eine interessante und spielbare Sache. Wir sollten es nicht mit farbigen Augen betrachten, weil es seinen eigenen Grund hat.
Ich werde später weiterhin einige Artikel über Tische schreiben und auch als Selbstverständlichkeit dienen.