免费资源：哥德巴赫猜想一个选项卡宽度(3)

　　}

　　}

　　System.out.println("result_x==>" + result_x + ",result_y==>" + result_y);

　　}

　　}

　　好吧，相信万能的机器，总是什么都能做出来的。运行以上程序，一下就输出了几百组结果，X取值从-33.06%—33.47%，Y从33.48%—33.4%，从中选出最接近的1组：

　　x=33.47%

　　y=33.48%

　　好了，给CSS设置：

　　.tab3 li{float:left;width:33.47%;}

　　.tab3 li:last-child{width:33.48%;}

　　大功告成!iPhone和Android自带浏览器都表现完美了。

　　[再提一点，对Firefox浏览器要满足的条件如下：

　　(312*X) + (312*X)+(312*Y)=312，同时(472*X) + (472*X)+(472*Y)=472，

　　基本上就是2X+Y=1，而通过程序运算，我们发现找不到这样一组4位以内的数值能同时满足Firefox和Safari的条件，好在目前在高端机的网页上，我们还不需要兼容Firefox——如果有谁知道-moz或-webkit设置宽度的私有属性，请告诉我，可以分别给他们定义宽度。]

　　这样就行啦!

　　这时，有一个弱弱的声音在问：但是，请问，请问，我们每次都要这么痛苦么!

　　好，问的好!

　　在经历了这一番死去活来的推理计算后，一直觉得如鲠在喉，心有不甘。突然有一天，脑子里灵光一现，柳暗花明又一村…让我们换个思路吧：

　　一定要给每个选项卡定义精确宽度么?能不都定义么?如果我们只定义其中前N-1个，而让最后一个自适应会如何?像这样：

　　.tab3 li:not(:last-child){float:left;width:33.33%;}

　　.tab3 li:last-child{margin-left:66.66;}

　　世界顿时简单了!Firefox、Safari一次被搞定——ie下用，稍作修改即可。不论5个、7个，一个道理：前N-1个取最接近平均值的百分比，最后一个自适应，填充剩余空间。

　　正所谓大巧无术、大道至简，换一种思路，海阔天空。

　　原文：http://wsd.tencent.com/2010/08/tab.html

　　本文链接：http://www.blueidea.com/tech/web/2010/7917.asp