Nwlapcug.com


Come fare Div ridimensionabile in CSS2

I CSS2 "ridimensionare" classe consente di creare componenti div che gli utenti possono ridimensionare dal browser Web. È possibile consentire all'utente di ridimensionare la larghezza, altezza o entrambi. Quando un tag div è la classe di ridimensionamento impostata, un piccolo indicatore nel display div, e l'utente sceglie l'indicatore e trascina il div fino alla dimensione desiderata.

Istruzioni

1

Destro della pagina HTML che contiene il div che si desidera modificare. Fare clic su "Apri con" e scegliere il programma di editor HTML nel sottomenu.

2

Creare la classe div. Aggiungere il seguente codice alla sezione di "testa" tag HTML:

< script type = "text/css" >

div.Resize () {

ridimensionare: entrambi;

}

Il codice sopra riportato consente all'utente di ridimensionare il div in entrambe le direzioni.

3

Collegare la nuova classe di ridimensionamento con l'elemento div. Il codice seguente è un esempio di un tag div legato alla nuova classe:

< div class = "ridimensiona" > mio contenuto < / div >