Question

我试图将三个按钮放在MTML页面底部的中心，无论我尝试什么，我都无法将它们放在中心位置。以下是我的最后一次尝试。任何帮助表示赞赏！

HTML代码：

<div style="margin-left: auto;margin-right: auto">
<div class="btn-group">
    <a href="#" class="button">Top</a>
    <a href="page2.htm" class="button">Page Two</a>
    <a href="page3.htm" class="button">Page Three</a>
</div>
</div>

CSS代码：

.btn-group .button {
    background-color: #4CAF50; /* Green */
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;

    font-size: 16px;
    cursor: pointer;
}

Answer 1

您只需要将中心对齐应用于父div

text-align: center;

用以下小提琴检查我的答案： https://jsfiddle.net/9bm1n9vb/

我创建了一个新的css类，以避免内联css;）

以一组按钮为中心

1 个答案: