0

我有用于 jQuery 可调整大小的水平表格列表。问题是每个 li 的宽度都设置为 fe 6%，但是浏览器为“单元格”呈现像素宽度，差异为 +-1px。这对于数据显示来说不是问题，但是当以固定的步长沿 ul 调整元素的大小时，在一个私密的地方会变得很痛苦。那么，如何强制浏览器让所有的 li-s 相等呢？（其实我是用table tag，table-layout:fixed 和 colgroup 做的，可惜table 不符合所有的布局要求）。

html:

<ul class="month-ul">
    <li class="emp-li">Name</li>
    <li class="data-li"></li>
    <li class="data-li"></li>
    <li class="data-li"></li>
    <li class="data-li"></li>
    <li class="data-li"></li>
    <li class="data-li"></li>
    <li class="data-li"></li>
    <li class="data-li"></li>
    <li class="data-li"></li>
    <li class="data-li"></li>
    <li class="data-li"></li>
    <li class="data-li"></li>
</ul>

CSS：

ul {
    list-style-type: none;
    text-align: left;
    padding: 0;
    font-size: 0;
    width: 100%;
}

li {
    padding: 0;
    font-size: 12px;
}

.data-li, .emp-li{
    display: inline-block;
}

.emp-li {
    width: 16%;
}

.data-li {
    width: 7%;
}

JsFiddle 示例：http: //jsfiddle.net/XVRBF/

4

0 回答 0