Question

我有类似水平表的列表，我可以使用jQuery resizable。问题是每个li的宽度与f.e相等。 6％，但是浏览器为＆＃34;单元格提供像素宽度＆＃34; + -1px差异。这对于数据显示来说不是问题，但是当使用固定步骤沿着ul调整元素大小时，在一个亲密的地方变得痛苦。那么，如何强迫他的浏览器使所有的li-s相等？（实际上我使用表格标签，表格布局：固定和colgroup，但不幸的是，表格不适合所有布局要求）。

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/

设置为百分比时的1px宽度差异

0 个答案: