我想设置垂直对齐:中间;将文本放入 li tags.this 在我的代码中,但它不起作用......
HTML 代码:
<div id="container">
<ul id="selectable">
<li class="ui-state-default">AAAA </li>
<li class="ui-state-default">BBB BBB</li>
<li class="ui-state-default">CCC </li>
<li class="ui-state-default">DD</li>
<li class="ui-state-default">FFFFF</li>
</ul>
<div>
代码:
#container{position:relative; top:30px;}
#selectable{ list-style-type: none;
margin: 0;
padding: 0;
width: 450px;
display:table; }
#selectable li{width:80px;
height:80px;
margin:4px;
padding:8px;
text-align:center;
float:left;
list-style:none;
display: table-cell;
vertical-align:middle;}`