domenica 27 Settembre 2020

Download in corso

Softwareone.it

05-01-2019

Centrare div flottante a centro pagina

Per centrare un elemento cui è stata assegnata la proprietà float (left o right) è necessario ricorrere ad un contenitore,cui assegneremo i margini laterali con valore 0 auto.

Pubblicità

Esempio

.wrap{ width:100%; margin:0 auto; padding:0px; border:solid 1px #000; float:left;}
.wrap-c{width:265px; height:250px; background:#6F6; float:left; margin:7px; padding:0px;}

Abbiamo assegnato al contenitore padre una larghezza al 100% della pagina con margini auto e padding 0, tale modo ci permette di centrale il contenitore padre.

Adesso al suo interno possiamo inserire i nostri div con proprietà float.

La struttura

<div class="wrap">
    <div class="wrap-c"></div>
    <div class="wrap-c"></div>
    <div class="wrap-c"></div>
</div>

Risultato

Pubblicità

CSS Interni Alla Pagina

https://www.w3schools.com/Css/css_float.asp

Lascia un commento

Pubblicità