Differenza tra nessuna visualizzazione e blocco display

Question

Qual è la differenza tra l'impostazione di uno stile di controllo display: none e display: block?

Answer 1

La proprietà display definisce come deve essere visualizzato un determinato elemento HTML. Display block e none vengono utilizzati per mostrare o nascondere elementi HTML. Puoi leggere ulteriori informazioni sulla proprietà display e le opzioni disponibili here.

• none: l'elemento non verrà visualizzato.

• blocco: L'elemento visualizzato come un elemento a livello di blocco (come i paragrafi e intestazioni)

Answer 2

Stai chiedendo informazioni su una proprietà CSS credo. Questo è usato per mostrare/nascondere elementi DOM

proprietà CSS è esposizione e il valore è 'none', 'block', ecc

Riferendosi da: CSS Display come suggerito da http://w3fools.com/

blocco

L'oggetto viene visualizzato come elemento di blocco.

nessuno

elemento non viene reso. L'elemento (non ha alcun effetto sul layout); anche tutti gli elementi figlio vengono disattivati. Il documento è reso come se l'elemento non esistesse.

linea

predefinito. L'oggetto è reso come un elemento in linea dimensionato dalle dimensioni del contenuto.

list-item

Internet Explorer 6 e versioni successive. L'oggetto viene visualizzato come elemento di blocco e viene aggiunto un marcatore di elenco.

table-header-gruppo

oggetto è reso come thead. L'intestazione della tabella viene sempre visualizzata prima di tutte le altre righe e gruppi di righe e dopo le didascalie principali. L'intestazione viene visualizzata su ciascun documento suddiviso in una tabella.

table-footer-group

oggetto è reso come TFOOT. Il piè di pagina della tabella viene sempre visualizzato dopo tutte le altre righe e gruppi di righe e prima di eventuali sottotitoli di fondo. Il piè di pagina viene visualizzato su ciascun documento suddiviso in una tabella.

inline-block

oggetto è reso in linea, ma il contenuto dell'oggetto viene reso come un elemento di blocco. Gli elementi in linea adiacenti sono resi sulla stessa linea, lo spazio permettendo.

Answer 3

Display: nessuno; - L'elemento è nello DOM ma NON è visibile e non occupa nessuno space a differenza di visibility:hidden.

Display: blocco; - Un elemento di blocco occupa full width disponibile e non consente di posizionare altri elementi accanto a essi. Esempio: div

Answer 4

Nessuna visualizzazione: nasconde il controllo. impostando la proprietà di stile elemento =: Elemento "Display none" non sarà reso in pagina Web e non avvenire

visualizzazione blocco: Mostra l'elemento sulla pagina web a livello di blocco

Answer 5

display nessuno si nasconde la contiene, qui se lo applichi su div allora anche la larghezza e l'altezza di div saranno nascoste. Il blocco di visualizzazione mostrerà il contenuto.

Answer 6

Display:none; significa che l'elemento non verrà visualizzato e Display:block; significa che l'elemento è visualizzato come un elemento a livello di blocco (come paragrafi e intestazioni).

Answer 7

Queste due proprietà di stile fanno due cose diverse.

display: nessuno rimuove completamente l'elemento dal documento. Non occupa spazio, anche se l'HTML è ancora nel codice sorgente. (L'elemento non genera alcuna casella)

display: blocco l'elemento copre l'intera larghezza dello spazio disponibile. (un'interruzione di riga prima e dopo l'elemento)

Answer 8

C'è un'altra sfumatura da visualizzare: nessuna; se si inserisce dinamicamente un div come figlio in un divisore genitore - e si imposta esplicitamente la proprietà visibilità del figlio in "visibile", la proprietà visibilità del genitore renderà il genitore solo visibile/invisibile; il bambino rimarrà visibile, indipendentemente dall'impostazione di visibilità del genitore.

In un caso come (dove la visibilità genitore/figlio sono impostati da regole di stile differenti), il display: none impostazione sul genitore volontà nascondere tutti i bambini - anche se padre/figli sono in stile in modo indipendente. testo enfatizzato

Answer 9

display: nessuno significa che l'elemento non è visualizzato affatto (quindi non lo si vedrà neanche nell'esempio).

display: block significa che l'elemento è visualizzato come un blocco, poiché i paragrafi e le intestazioni sono sempre stati. Un blocco ha degli spazi bianchi sopra e sotto e non tollera elementi HTML accanto ad esso, tranne quando ordinato diversamente