Question

我有一些图片：

<div class="builder-item-content row">
    <div class="twelve columns b0">
    <ul class="upcoming-events">
    <li>
        <a href="http://www.padi.com/scuba/" target="_blank">
            <img src="assets/images/padi_logo.png" alt="" style="text-align:center">
        </a>
    </li>
    <li>
        <a href="http://www.sssnetwork.com/" target="_blank">
            <img src="assets/images/sss_logo.png" alt="">
        </a>
    </li>
    <li>
        <a href="http://www.scubapro.com/" target="_blank">
            <img src="assets/images/scubapro02.png" alt="">
        </a>
    </li>
    </ul>
</div>

我想将它们放在容器内。我怎么能这样做？

Answer 1

如果没有真正测试这个，我认为课后你有

<ul class="upcoming-events" style="Width:800px; Margin:0 auto;">

这也适用于div。宽度可以是你想要的任何东西...我只是把800px。保证金的重要部分是：0 auto;

Answer 2

div.builder-item-content.row {
    text-align: center;
}

由于图像是内嵌级别的，因此它们可以使用文本对齐（即使它们不是文本对齐）。

以div为中心的图像

2 个答案: