Un sito web o un file foglio di stile personalizzato del blog dettami attributi di aspetto del sito, come il colore, font, allineamento e la spaziatura. Manipolare i margini CSS agli elementi pad all'interno di un blog o un sito web con la spaziatura. Ad esempio, calcolare e definire un margine di CSS in termini percentuali di dettare che elementi all'interno della stessa linea o elemento della pagina devono essere distanziate in modo uniforme.

istruzione

1 Dividere 100 per cento dal numero di spazi che esistono tra oggetti. Se si dispone di cinque oggetti, esistono quattro spazi tra di loro - il numero è quindi il 25 per cento, piuttosto che 20, un errore comune da fare se si considera gli oggetti piuttosto che spazi.

2 Incollare il seguente codice nel file CSS sotto l'id div che corrisponde con gli oggetti che si desidera spazio:

yourdivid {

margin: # # # #;

}

div {yourdivid

width: 25%;

float: left;

}

yourdivid div img {

float: right;

}

Sostituire "yourdivid" con il nome del id div si sta modificando e il tag hash dietro l'elemento di "margine", con i margini che si desidera inserire in giro l'intera sezione, un valore del tutto preferenziale. Fai clic su "Salva" per salvare il file CSS.

3 Aprire il file PHP dell'elemento pagina che contiene gli oggetti necessari per spazi equidistanti e assicurarsi che il codice HTML appare in questo formato, se non lo fa già.

<Img src = "images / image1.jpg">

<Div id = "yourdivid">

<div><img src="images/image2.jpg"></div>

& Lt; div> & lt; img src = "images / image3.jpg"> & lt; / div>

& Lt; div> & lt; img src = "images / image4.jpg"> & lt; / div>

& Lt; div> & lt; img src = "images / image5.jpg"> & lt; / div>

</ Div>

Salvare il file PHP.

4 Aprire la pagina Web in una nuova scheda o finestra del browser. Controllare l'elemento per confermare che esiste spaziatura uguale tra gli oggetti.