私のペン: http://codepen.io/helloworld/pen/pCdBe
親 ul の高さを考慮して、ul タグ内の 3 つの li 要素をパーセント値で垂直方向に配置しました。
また、1 または 2 のような li 要素のテキストが垂直方向に配置されていて、ペンにまだバグがあることも望んでいます。
数値の左側にこのようなギャップがあるのはなぜですか?
<ul id="navigationWheeler" >
<li>1</li>
<li style="background-color: #0094ff;">2</li>
<li>3</li>
</ul>
#navigationWheeler {
height: 300px;
width:30px;
text-align: center;
vertical-align: middle;
border: black solid 1px;
background-color: lightgray;
}
li{
list-style:none;
height:33%;
vertical-align: middle;
}