3 svar · 270 visningar · startad av mozilla
Varför vill inte vertical-align: middle; fungera när det ligger i en div-tagg? när jag la det i en tabell fungerar det. Men jag vill ha de i en div?
En fråga till(men lägre prioritet än den första). Jag läste en artikel om hur man kunde bygga upp en sida med css istället för tabeller, finns de några fördelar/nackdelar med det?
Så här säger w3c om man blir så mycket klokare:
This property affects the vertical positioning inside a line box of the boxes generated by an inline-level element. The following values only have meaning with respect to a parent inline-level element, or to a parent block-level element, if that element generates anonymous inline boxes; they have no effect if no such parent exists.
Note. Values of this property have slightly different meanings in the context of tables. Please consult the section on table height algorithms for details.
Arbetar tydligen gentemot inline-element. Du kan använda det t.ex för att höja upp text inne i en annan text, eller till bilder.
De stora html-guruna anser att tabeller endast ska användas till att ställa upp något i tabellformat. Till designen ska man använda CSS. Anledningen är att sidan ska kunna läsas i andra medium än en webbläsare. Tabell-design är hårt förknippat med en webbläsare.
text-align:center är kanske det du söker?
Det är många fördelar med css-baserade sidor, just att man i mångt och mycket är oberoende av på vilket medium sidan kommer att visas.
Alistapart har en mycket trevlig samling artiklar om css.
http://www.alistapart.com/stories/indexCSS.html
Det är något på det här viset du kan använda vertical-align:
<div style="border:1px solid black; width:100px;">
<img src="transparent.gif"
style="width:1px; height:200px; vertical-align:middle">
Mitten
</div>
<p style="font-size:12px; font-family:sans-serif;">
En text där <span style="font-size:20px; vertical-align:top">
något</span> är annorlunda</p>