Re: [css-d] vertical-align on inline-block

2010-03-28 Thread Ingo Chao
2010/3/28 Yang Zhang :
> ...
> 
> 
> Hello
> 
> 
> world
> 
> 
>
> Why doesn't this bottom-align the inner divs? ...

It does. vertical-align "affects the vertical positioning inside a
line box of the boxes generated by an inline-level element."
The line box made by your inner div's is not as tall as the
fixed-height container.
Something that stretches the line box to the container is needed:


__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/


[css-d] vertical-align on inline-block

2010-03-28 Thread Yang Zhang
I had read in several articles that using display:inline-block is a
way to vertically align block elements, but this doesn't seem to be
working for me (at least in Chrome):



Hello


world



Why doesn't this bottom-align the inner divs? I'm aware of
display:table and of various hacks to get vertical alignment, but I'm
mainly curious about this particular technique. Thanks in advance.
--
Yang Zhang
http://www.mit.edu/~y_z/
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/


[css-d] vertical-align on inline-block

2010-03-28 Thread Yang Zhang
I had read in several articles that using display:inline-block is a
way to vertically align block elements, but this doesn't seem to be
working for me (at least in Chrome):



Hello


world



Why doesn't this bottom-align the inner divs? I'm aware of
display:table and of various hacks to get vertical alignment, but I'm
mainly curious about this particular technique. Thanks in advance.
-- 
Yang Zhang
http://www.mit.edu/~y_z/
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/