Come nascondere il contenuto di straripamento Utilizzando i CSS

March 2

Lo stile CSS "overflow" ti dà la possibilità di nascondere il contenuto che si estende oltre il contenitore HTML. Per esempio, se si utilizza un tag div per contenere il contenuto, impostando la proprietà overflow tronca "nascoste" e nasconde il testo rimanente che si estende oltre la larghezza o l'altezza del div. È possibile impostare gli stili CSS in tag per annullare eventuali layout esistenti sulla pagina.

istruzione

1 Fare clic destro sul file HTML che contiene il contenuto che si desidera modificare. Fai clic su "Apri con" e quindi fare clic su un editor HTML nell'elenco dei programmi.

2 Scorrere verso il basso per il contenuto che si desidera troncare. Se non si dispone già di un contenitore div intorno al vostro contenuto, è possibile aggiungere uno. Incorporare il tuo contenuto all'interno del seguente tag HTML:

<Div id = "container"> </ div>

3 Aggiungere lo stile "troppo pieno" per il tag div. Il seguente CSS viene aggiunto al tag div e mostra come nascondere il contenuto che trabocca nel tag div:

style = "overflow: hidden;"

4 Salvare le modifiche CSS e aprire il file nel browser Web. Si noti il ​​contenuto che passa la fine del div è nascosto alla vista.