Come ridimensionare DIV per abbinare i contenuti

July 17

Un DIV è un tag HTML che viene utilizzato come contenitore per altri oggetti. È possibile specificare le dimensioni del DIV all'interno del codice CSS, il che rende più grande o più piccolo dei suoi contenuti, o che la rende la stessa dimensione. le dimensioni di un DIV è definita in pixel, in percentuale o em. La prima opzione dà DIV una dimensione fissa che rimane lo stesso indipendentemente dal suo contenuto. Il secondo conferisce una dimensione relativa base di contenitore principale, e il terzo conferisce una posizione relativa in base alla dimensione del carattere. La proprietà Automatico è l'impostazione predefinita. Esso definisce le dimensioni di un DIV automaticamente su Web.

istruzione

1 Aprire il file HTML che si desidera modificare in un editor di testo, come Blocco note, TextPad o EditPad.

2 Scorrere fino al tag HEAD e inserire il codice seguente. Si crea uno stile che ridimensiona il tuo DIV alle dimensioni del suo contenuto:

<Style type = "text / css">

<! -

div .resize

{

height: auto;

}

->

</ Style>

</ Head>

3 Trova il tag DIV si desidera ridimensionare automaticamente all'interno del tag BODY. Inserire 'class = "resize"' nel tag DIV per formattare nel modo seguente:

<Div class = "resize"> Contenuto </ div>