Ein td in einem tr mit CSS verstecken

8

Ich bin neu im CSS-Design. Ich habe eine Anforderung, in der ich ein td-Element in einem tr verstecken muss, das 2 tds

hat

Hier ist der HTML-Code

%Vor%

Im obigen HTML Code muss ich das zweite td Element alleine in CSS verstecken. Ich lege das unten CSS aber es versteckt beide tds. Kann mir irgend 1 Hilfe helfen?

%Vor%     
user318197 07.08.2011, 16:37
quelle

5 Antworten

9

Einfachster / sicherster Weg ist das Hinzufügen einer Klasse zum Ziel. Ссылка

HTML:

%Vor%

CSS:

%Vor%

Bearbeiten: Oder Sie könnten jquery verwenden, um diese Klasse hinzuzufügen.

Ссылка - funktioniert crossbrowser (auch ie6 +)

Bearbeiten: Noch etwas .. Ссылка - Ссылка

    
Joonas 07.08.2011, 16:43
quelle
6

Sie können den last-child Selektor verwenden, um nur auf die letzte td in der übereinstimmenden Menge zu zielen, oder für eine bessere Browserkompatibilität sollten Sie eine Klasse zu der td hinzufügen, die Sie spezifisch ausblenden und targetieren möchten.

%Vor%

Bearbeiten: Ok, wir brauchen eine bessere IE-Unterstützung und wir müssen reines CSS verwenden. Hier ist eine Lösung, die darauf beruht, dass IE7 und 8 first-child unterstützen:

%Vor%

(Hinweis: Verwenden Sie display anstatt visibility und verwenden Sie block anstatt table-cell )

Ссылка (mit roter Umrandung zur besseren Übersicht hinzugefügt)

    
shanethehat 07.08.2011 16:40
quelle
2

Sie benötigen display:none;

Ссылка

    
Jason Gennaro 07.08.2011 16:41
quelle
1

versuche, das erste <td> -Element und id zuzuweisen und das entsprechende CSS-Styling, das id ist, zuzuweisen. Dies kann funktionieren.

    
RSM 07.08.2011 16:41
quelle
1

Die obige Lösung funktioniert, aber versuchen Sie dies, um Ihre Zellen zu zeigen:

%Vor%     
Andre Silva 13.08.2013 14:33
quelle

Tags und Links