html - 分割宽度的最佳方法是什么:将100％父容器分成带小数的部分？

如果您将父容器设置为width：100％，并且其中的各个部分都应该相等，但是该百分比是一个奇数，例如16.666667％，如何确保其正确显示而不会中断？小数位数的限制是多少？

例：
你有

<ul>
     <li>One
     <li>Two
     <li>Three
     <li>Four
     <li>Five
     <li>Six
</ul>

ul的宽度为100％，所有li都向左浮动。现在用100除以6得到16.66666666667％。如果我想使用右边框：1px纯黑色；您如何在CSS中考虑这些因素？我可以理解这全是数学，但是您不能从一个百分比中减去1px（据我所能想象的，也许您可​​以...）

那你怎么做这些事？谢谢！

最佳答案

嘿，我想您可以这样定义ul display:table并将ul li定义为display:table-cell;

的CSS

div{
width:500px;
    border:solid 1px red;
    margin:0 auto;

}

ul{
width:100%;
    background:green;
    display:table;

}

ul li{
display:table-cell;
    border-right:solid 1px white;
    padding:10px;
}
ul li:last-child{border:none;}
​

的HTML

<div>
<ul>
    <li>One</li>
     <li>Two</li>
     <li>Three</li>
     <li>Four</li>
     <li>Five</li>
     <li>Six</li>
</ul>
</div>
​

现场演示http://jsfiddle.net/rohitazad/gjutz/1/

关于html - 分割宽度的最佳方法是什么:将100％父容器分成带小数的部分？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/10274038/