如何将<ul> <li>居中div
如何将无序列表居中<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"> </p>
<h1 align="left">StudioTeknik.com</h1>
<p><br align="left">
<span>Marc-André Ménard</span></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"><span>Cellulaire en suisse : </span></span><a href="#">+41 079 573 48 99</a></p>
<p align="left"><span class="style1">Skype : </span> <a href="#">menardmam</a></p>
<p align="left"><span class="style1">Courriel :</span><a href="https://web.archive.org/web/20100104192317/mailto:menardmam@hotmail.com"> info@studioteknik.com</a></p></td>
</tr>
</tbody>
</table>
回答:
由于ul
和li
元素是display: block
默认设置-为它们提供自动边距,并且宽度小于其container
。
ul { width: 70%;
margin: auto;
}
如果您更改了它们的显示属性,或做了一些覆盖常规对齐规则的操作(例如浮动它们),则此操作将无效。
以上是 如何将<ul> <li>居中div 的全部内容, 来源链接: utcz.com/qa/414580.html