| Autor | Zpráva | ||
|---|---|---|---|
| Centriz Profil * |
#1 · Zasláno: 19. 7. 2013, 18:55:18 · Upravil/a: Centriz
Dobrý den,
řeším problém s vycentrováním objektů na střed. Mám HTML: <body>
<div id="page">
<div class="options">
<div class="option">text</div>
<div class="option">text</div>
<div class="option">text</div>
<div class="option">text</div>
</div>
</div>
</body>a k tomu CSS: #page {
width: 1000px;
margin: 0px auto;
text-align: center;
}
#page .options {
float: left;
}
#page .options .option {
margin: 0px auto;
text-align: center;
width: 93px;
height: 93px;
background-image: url("../img/option.png");
background-repeat: no-repeat;
}Avšak objekty nejsou uprostřed 1000px plochy, ale na jejím kraji vlevo. Jak tyto objekty .option zarovat přímo na střed této plochy? Děkuji. Poslal jsem špatné CSS, tohle CSS je aktuální: #page {
width: 1000px;
margin: 0px auto;
text-align: center;
}
#page .options {
margin: 0px auto;
text-align: center;
}
#page .options .option {
float: left;
width: 93px;
height: 93px;
background-image: url("../img/option.png");
background-repeat: no-repeat;
} |
||
| margin Profil * |
#2 · Zasláno: 19. 7. 2013, 19:32:40
div class="option" jsou vždycky čtyři, nebo jsou čtyři jen v této ukázce?
Pokud je celková šířka známá, je vycentrování triviální, width: 372px; margin: auto; pro #page .options, a tím, že tobě schází přidat šířku.
[small]Mimo téma: Pokud deklaruješ margin: auto; tak podle CSS specifikace je horní a dolní margin nulový, není nutné nulový horní a dolní margin explicitně deklarovat.
text-align se dědí (z #page), takže osmý řádek CSS můžeš klidně smazat.
|
||
|
Časová prodleva: 11 let
|
|||
0