如何将 居中div

要使ul 居中并使li元素也居中，并使ul的宽度动态变化，请使用display：inline-block; 并将其包裹在居中的div中。

<style type="text/css">    .wrapper {        text-align: center;    }    .wrapper ul {        display: inline-block;        margin: 0;        padding: 0;                zoom:1;        *display: inline;    }    .wrapper li {        float: left;        padding: 2px 5px;        border: 1px solid black;    }</style><div >    <ul>        <li>Three</li>        <li>Blind</li>        <li>Mice</li>    </ul></div>