css div子元素剧中

one method

<style type="text/css" media="screen">
div {display: inline-block;background-color: grey;}
ul {list-style: none;display: table;margin:0 auto;background-color: yellow;padding: 0px;}
li {display: table-cell;background-color:blue; }
</style>
<div style="width: 800px;width: 800px;">
<ul>
<li>abc</li>
<li>abc</li>
<li>abc</li>
<li>abc</li>
<li>abc</li>
<li>abc</li>
</ul>
<ul>
<li>abc</li>
<li>abc</li>
<li>abc</li>
<li>abc</li>
<li>abc</li>
</ul>
<ul>
<li>abc</li>
<li>abc</li>
<li>abc</li>
<li>abc</li>

</ul>
<ul>
<li>abc</li>
<li>abc</li>
<li>abc</li>
</ul>
<ul>
<li>abc</li>
<li>abc</li>
</ul>
<ul>
<li>abc</li>
</ul>
</div>