Hello list,
Given the following:
<ol>
<li><a href="">Item 1</a></li>
<li><a href="">Item 2</a></li>
<li><a href="">Item 3</a></li>
<li><a href="">Item 4</a></li>
<ol>
ol{
position: absolute;
display: flex;
flex-direction: column;
height: 100%; /* 100% of taller parent */
}
ol li{
display: flex;
flex:1;
}
ol li a{
flex:1;
}
the OL is absolute and 100% height of a taller parent, so the LIs are
taller than the text inside them.
This gets me very close to where I want to be except the text needs to
be centered vertically. What's the best way to accomplish this? Am I
missing a flex method that will do it?
Thanks
--
Tom Livingston | Senior Front End Developer | Media Logic |
ph: 518.456.3015x231 | fx: 518.456.4279 | medialogic.com
#663399
______________________________________________________________________
css-discuss [css-d@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/
