我如何居中 * 进入div

Question

如何将无序列表居中<li>放置为固定宽度div？

<table width="100%">

  <tbody>

  <tr>

    <td width="41%"><img src="/web/20100104192317im_/http://www.studioteknik.com/html2/html/images/hors-service.jpg" width="400" height="424"></td>

    <td width="59%"><p align="left">&nbsp;</p>

      <h1 align="left">StudioTeknik.com</h1>

      <p><br align="left">

        <strong>Marc-André Ménard</strong></p>

      <ul>

        <li>Photographie digitale</li>

        <li>Infographie </li>

        <li>Débug et IT (MAC et PC)</li>

        <li> Retouche </li>

        <li>Site internet</li>

        <li>Graphisme</li>

      </ul>

      <p align="left"><span class="style1"><strong>Cellulaire en suisse : </strong></span><a href="#">[phone]</a></p>

      <p align="left"><strong class="style1">Skype : </strong> <a href="#">menardmam</a></p>

    <p align="left"><strong class="style1">Courriel :</strong><a href="https://web.archive.org/web/20100104192317/mailto:[e-mail]">    [e-mail]</a></p></td>

  </tr>

  </tbody>

</table>

Answer 1

由于ul和li元素是display: block默认设置-为它们提供自动边距，并且宽度小于其container。

ul {
    width: 70%;
    margin: auto;
}

如果您更改了它们的显示属性，或做了一些覆盖常规对齐规则的操作（例如浮动它们），则此操作将无效。