css div子元素剧中

<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>

转载于:https://blog.51cto.com/11052448/1947823