中心多点链接

Question

我有这个密码

​

.inline-subtitles {
    width:100%;
    display:table;
    margin:0 auto;
}

.inline-subtitles a {
    width:33%;
    padding:15px;
    background: #ececec;
    float:left;
    margin-right:10px;
}

<div class="inline-subtitles">
    <a href="#">Doc technique</a>
    <a href="#">Carnet utilisateur</a>
    <a href="#">Nomenclatures</a>
    <a href="#">Notice de pose</a>
    <a href="#">Notice réglages</a>
</div>

​

我希望这些链接集中到容器.inline-subtitles中。

我尝试过margin: 0 auto;，但它不起作用。

谢谢你的帮助！

Answer 1

将css规则text-align:center;添加到.inline-subtitles a

Answer 2

在CSS中添加以下样式：

.inline-subtitles {
    text-align: center;
}

你也可以放弃这个：

margin:0 auto;

链接到jsfiddle

Answer 3

尝尝这个

.inline-subtitles a {
     text-align: center;
    }

​

.inline-subtitles {
    width:100%;
    display:table;
   
}

.inline-subtitles a {
    width:33%;
    padding:15px;
    background: #ececec;
    float:left;
    margin-right:10px;
    text-align:center;
    
}

<div class="inline-subtitles">
    <a href="#">Doc technique</a>
    <a href="#">Carnet utilisateur</a>
    <a href="#">Nomenclatures</a>
    <a href="#">Notice de pose</a>
    <a href="#">Notice réglages</a>
</div>

​