Come posso nascondere un tag TD utilizzando JavaScript o CSS in linea?

17

Cosa vi aspettate che accada al suo posto? La tabella non può ridursi per riempire lo spazio lasciato - questa sembra una ricetta per le risposte del browser buggy.

Pensa a nascondere il contenuto del td, non il td stesso.

fonte

2009-05-27 15:54:03 edeverett

+0

Tuttavia, c'è spazio indesiderato tra le celle nascoste anche quando la larghezza è impostata su 0. – Sednus

7

stesso modo che ci nasconde nulla: visibility: hidden;

fonte

2009-05-27 15:53:31 Welbog

+1

che dire di display: none; Funzionerà? (cross browser ecc.). Display – Blankman

+1

: nessuno è nella mia esperienza ciò che effettivamente si desidera il 95% delle volte – annakata

+0

La visibilità nasconde l'elemento senza alterare il flusso del documento e quindi dovrebbe evitare il tipo di problemi che Edeverett è preoccupato. – Simon

36

.hide{ 

visibility: hidden 

} 

<td class="hide"/>

Modifica- Solo per voi

La differenza tra il display e la visibilità è questo.

"display": ha molte proprietà o valori, ma quelli su cui ci si concentra sono "none" e "block". "none" è come un valore hide, e "block" è come show. Se si utilizza il valore "none", sarà totalmente nascondere quale tag html mai applicato a questo stile css. Se usi "block" vedrai il tag html e il suo contenuto. molto semplice.

"visibilità": ha molti valori, ma vogliamo saperne di più sui valori "nascosti" e "visibili". "hidden" funzionerà allo stesso modo del valore di "blocco" per la visualizzazione, ma questo nasconderà il tag e il suo contenuto, ma non nasconderà lo spazio fisico di quel tag. Ad esempio, se hai un paio di righe di testo, allora e immagine (immagine) e poi una tabella con tre colonne e due righe con icone e testo. Ora se applichi la visibilità css con il valore nascosto all'immagine, l'immagine scomparirà ma lo spazio che l'immagine stava usando rimodellerà al suo posto, in altre parole, terminerai con un grande spazio (buco) tra il testo e la tavola. Ora se usi il valore "visibile" il tuo tag target e gli elementi saranno nuovamente visibili.

fonte

2009-05-27 15:54:44 TStamper

+1

cosa dire display: none; Funzionerà? (cross browser ecc.). – Blankman

+5

visibile: nascosto- nasconde l'elemento, ma salva lo spazio che occupa; display: none -non nasconde semplicemente l'elemento, ma elimina anche lo spazio – TStamper

4

Se si dispone di più di questo in javascript, prendere in considerazione alcune librerie javascript, ad es. jquery che toglie un po 'di velocità, ma ti dà un codice più leggibile. Codice

tua domanda di via jquery:

$("td").hide();

Naturalmente ci sono altre librerie JavaScript là fuori, come this comparison on wikipedia spettacoli.

fonte

2009-05-27 15:59:42 miku

2

si può semplicemente nascondere il contenuto <td> tag semplicemente tra cui un attributo style: style = "display:none"

per posta.g

<td style = "display:none" > 
<p> I'm invisible </p> 
</td>

fonte

2009-07-09 12:01:39

1

Possiamo nascondere il contenuto all'interno di un utilizzando la seguente linea css:

<div style="visibility:hidden"></div>

ad esempio:

<td><div style="visibility:hidden">Your Content Goes Here:</div></td>

fonte

2012-07-04 15:32:46

6

<td style = "display:none" > 
<p> Content display none </p> 
</td>

o

<td style="visibility:hidden"> Your content is hidden </td>

Si noti che: 2 questi modi sono differnce. Dovresti provarlo per verificare il risultato.

fonte

2012-10-01 03:54:28

6

Tutto è possibile (o quasi) con i CSS, basta usare:

display: none; //to hide 

display: table-cell //to show

fonte

2013-08-13 14:30:01

Come posso nascondere un tag TD utilizzando JavaScript o CSS in linea?

risposta

Problemi correlati