父元素有固定宽，里面数据动态添加，如何让里面数据平分宽度，不换行

.menu{display: table;width:80%;float: left;}
.menu>li{display: table-cell;width: auto;text-align: center}

<ul class="menu">
    <li><a href="index.html">首页</a></li>
    <li><a href="product.html">产品服务</a></li>
    <li><a href="news.html">新闻资讯</a></li>
    <li><a href="case.html">成功案例</a></li>
    <li><a href="government.html">移动电子政务</a></li>
    <li><a href="about.html">关于我们</a></li>
</ul>
采用display:table/table-cell;