Nwlapcug.com


Come fare un DIV crescere con contenuto

Un DIV è un elemento contenitore utilizzato nella progettazione di pagine Web per definire un'area della pagina. Div vengono in genere utilizzati per organizzare e lo stile di testo, immagini e altri elementi Web. Se non si imposta un'altezza e una larghezza per il DIV, si espanderà con il suo contenuto contenuto per riempire lo spazio disponibile della pagina. Se il vostro DIV è viene applicato lo stile secondo un elemento padre e non si espande con il contenuto, è possibile manualmente lo stile il DIV a crescere verticalmente o orizzontalmente.

Istruzioni

1

Aprire il documento di pagina Web in un editor di testo. Pulsante destro del mouse su di esso e quindi fare clic su "Apri con". Fare clic per selezionare "Blocco note" o "WordPad" e quindi fare clic su "OK".

2

Individuare l'elemento DIV si desidera stile. Un DIV è definito da un'apertura "< DIV >" e una chiusura "< / DIV >" tag.

3

Fare clic per posizionare il cursore dopo il testo "DIV" nell'apertura tag DIV. Premere la barra spaziatrice per creare uno spazio singolo.

4

Tipo "style =" width: auto; Altezza: auto; float: left;'"per impostare la proprietà width e height su"auto", che significa che il DIV si espanderà basato sul contenuto inserito all'interno di esso (tra i tag DIV di apertura e di chiusura). La proprietà di "float" è impostata a "sinistra" al fine di fornire un punto di riferimento per l'espansione. L'apertura DIV ora dovrebbe assomigliare a questo:

< stile DIV ='width: auto; Altezza: auto; float: left;' >

5

Fare clic su "File" e "Salva" per salvare il documento di pagina Web.