请问大家这种情况怎么让td中的元素平均分配占位空间啊？up有分

Question

现在的情况是td很长，但下面的元素不能占满整个td，只是挤在左边
<td style="height: 25px; text-align:left; table-layout:auto">
<ul id="MyTab" style="width:100%;margin:0; border:0">
    <li class="Normal" style="float:left">项目1</li>
    <li class="Normal" style="float:left">Item2</li>
    <li class="Normal" style="float:left">项目3</li>
    <li class="Normal" style="float:left">项目4</li>
</ul>
</td>

Answer 1

在你的<li>元素中加上width控制，让每个项目均分总长度
<td style="height: 25px; text-align:left; table-layout:auto">
<ul id="MyTab" style="width:100%;margin:0; border:0">
    <li class="Normal" style="float:left;width:25%;">项目1</li>
    <li class="Normal" style="float:left;width:25%;">Item2</li>
    <li class="Normal" style="float:left;width:25%;">项目3</li>
    <li class="Normal" style="float:left;width:25%;">项目4</li>
</ul>
</td>
这样就能平分了
如果是动态的，你也可以根据li的个数来算出每个li需要占用的百分比

Answer 2

发现用memoriccell(记忆细胞) 的方法最后一个项目会折到下一行，最后一个项目的宽度达不到25%，也就是所有项目占的宽度加起来不能达到100%，但是可以接近100%。比如视td总长度最后一个可以用24.8%24.9%等等。