Come nascondere Overflow in CSS

March 28

Quando si crea una casella di scorrimento sul tuo sito web, è possibile scegliere di visualizzare il testo in diversi modi. Mentre uno dei modi più comuni è quello di inserire una barra di scorrimento nella casella per consentire all'utente di scorrere la casella per trovare il testo in più, si può anche scegliere di nascondere qualsiasi testo che va oltre i confini della scatola. codifica CSS può essere usato per nascondere l'overflow del testo.

istruzione

1 Accedi al tuo server Web e aprire la pagina HTML in cui si desidera nascondere il testo di overflow.

2 Inserire il seguente codice CSS ovunque tra i tag <head> e </ head> tag nella pagina HTML:

div

{

width: 150px;

altezza: 150px;

overflow: hidden;

}

3 Sostituire le impostazioni di larghezza e altezza a seconda delle necessità.

4 Inserire il seguente codice nella pagina nella posizione che si desidera che appaia in tra i tag <body> e </ body> tag:

<P> overflow: hidden </ p>

<Div class = "hidden"> Il testo che va qui sarà visibile fino a raggiungere la fine della casella di scorrimento. Tutto il testo di overflow sarà tagliato e nascosto. </ Div>

5 Sostituire "Il testo che va qui sarà visibile fino a raggiungere la fine della casella di scorrimento. Tutto il testo di overflow sarà tagliato e nascosto" con il testo vero e proprio che si desidera visualizzare nella casella.

6 Pubblicare la pagina.