02. november 2008 - 08:19
Der er
7 kommentarer og 1 løsning
Centrering i div
Det er formentlig et simpelt spørgsmål, men jeg kan ikke finde løsningen. Jeg har denne kode: <div id="out"> <div class="item"></div> <div class="item"></div> <div class="item"></div> <div class="item"></div> <div class="item"></div> </div> På "item" er der en "float:left" og der for vil de ikke stå centreret inden i "out" selv om den har en "text-align:center". Hvad er løsningen på dette?
Annonceindlæg tema
Forsvar & beredskab
Cybersikkerhed, realtidsdata og robuste it-systemer er blevet fundamentet for moderne forsvar.
02. november 2008 - 08:37
#1
Hvad mener du med at centerer item inden i out, kan du ikke smide out og item css style ind så vi kan se dem.
02. november 2008 - 08:58
#2
#out { text-align: center; padding-top: 14px; } .item { float: left; padding-left: 10px; padding-right: 10px; } Den samlede bredde af mine "item" er ikke lige så bred som "out". Derfor skal de centreres inde i "out". Lige nu står de til venstre.
02. november 2008 - 09:27
#3
Så længe der ikke er en width på din item kan den ikke centere teksten da den ikke ved hvad den skal centere efter.
02. november 2008 - 09:35
#4
Sikke da noget bøvl. Mine "item" har ikke nogen fast width. Jeg må finde en anden løsning så. Tak.
02. november 2008 - 11:06
#5
Divs er block-level elementer og må ikke flytte sig efter text-align, der alene må berøre inline-elementer ... -- du skal kende den samlede bredde på dine items, hvis du vil centrere dem !-)
06. november 2008 - 09:51
#6
Så er navigationen lavet om og centreret. Smid et svar hvem som vil have point.
06. november 2008 - 18:05
#7
Her er et svar :)
12. november 2008 - 22:41
#8
Tak for point :)
Vi tilbyder markedets bedste kurser inden for webudvikling