Nwlapcug.com


Come calcolare i margini in CSS

Un sito Web o file di foglio di stile personalizzato del blog determina gli attributi di aspetto del sito, quali colore, font, allineamento e spaziatura. Modificare i margini CSS per gli elementi all'interno di un blog o un sito Web con spaziatura. Ad esempio, calcolare e definire un margine CSS in termini di percentuali di dettare che gli elementi all'interno della stessa riga o un elemento della pagina devono essere distanziati in modo uniforme.

Istruzioni

1

Dividere il 100 per cento per il numero di spazi che esistono tra gli oggetti. Se si dispone di cinque oggetti, quattro spazi presenti tra di loro..--Pertanto, il numero è 25 per cento anziché 20, un errore comune a fare se si considera gli oggetti anziché spazi.

2

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

yourdivid () {

margin: # # # #;

}

div # yourdivid {

width: 25%;

float: left;

}

div # yourdivid {img

float: right;

}

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

3

Apri il file PHP dell'elemento di pagina che contiene gli oggetti che è necessario spazio equidistante e assicurarsi che il codice HTML viene visualizzato in questo formato, se così non fosse già.

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

< div id = "yourdivid" >

&lt;div>&lt;img src="images/image2.jpg">&lt;/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 del browser o la finestra. Controllare l'elemento per verificare l'esistenza di spazi uguali tra gli oggetti.