Więcej
Question
Jak w prosty sposób wyśrodkować poziomo <div> używając CSS?
Próbuję poziomo wyśrodkować element blokowy <div> na stronie i ustawić go na minimalną szerokość. Jaki jest najprostszy sposób, aby to zrobić? Chcę, aby element <div> był inline z resztą mojej strony. Postaram się narysować przykład:
page text page text page text page text
page text page text page text page text
-------
| div |
-------
page text page text page text page text
page text page text page text page text
704
3
Popular videos
4 lata temu
10 miesięcy temu
3 lata temu
4 lata temu
10 miesięcy temu
4 miesiące temu
6 miesięcy temu
5 lat temu
To pytanie ma 1 odpowiedź w języku angielskim, aby je przeczytać zaloguj się na swoje konto.
CSS, HTML:
div.mydiv {width: 200px; margin: 0 auto}<div class="mydiv">
I am in the middle
</div>Twój schemat pokazuje element poziomu bloku również (który div zwykle jest), a nie inline jeden.
Z góry mojej głowy, min-width jest obsługiwane w FF2+/Safari3+/IE7+. Można to zrobić dla IE6 używając hackety CSS, lub prostego kawałka JS.
.center {
margin-left: auto;
margin-right: auto;
}Minimalna szerokość nie jest obsługiwana globalnie, ale może być zaimplementowana przy użyciu
.divclass {
min-width: 200px;
}Następnie możesz ustawić swój div tak, aby był
<div class="center divclass">stuff in here</div>
