html - 如何在 html 的中心定位几个按钮(或 'a' 标签)？

Question

我想在窗口的中心定位两个 a 标签。

这是我尝试过的:

<div class="row">
    <table class="table table-user-information center" style="width:50%; margin-left:auto; margin-right:auto;">
        <tbody>
          <tr>
            <td> I D </td>
            <td> abcdefg </td>
          </tr>
          <tr>
            <td> 이 름 </td>
            <td> 홍길동 </td>
          </tr>
          <tr>
            <td> 생 일 </td>
            <td> 1988.01.24 </td>
          </tr>
          <tr>
            <td> 성 별 </td>
            <td> 남 </td>
          <tr>
            <td> Email </td>
            <td> abcdefg@gmail.com </td>
        </tbody>
    </table>
    <div class="button-holder" style="text-align:center;display:block; width:20%;">
            <a href="#" class="btn btn-primary"> 비밀번호 변경 </a>
            <a href="#" class="btn btn-primary"> 회원탈퇴 </a>
    </div>
</div> <!-- row -->

但它不起作用..它看起来像这样:

[![在此处输入图片描述][1]][1]

我只成功了一个 a 标签，但是定位两个标签有点不同。 需要您的建议。

Answer 1

您正在使用 Bootstrap。

添加 text-center 和你的“button-holder”类

<div class="button-holder text-center">
    <a href="#" class="btn btn-primary"> 비밀번호 변경 </a>
    <a href="#" class="btn btn-primary"> 회원탈퇴 </a>
</div>

而且您甚至不需要添加内联 css 来使其水平居中: 所以你可以删除 style="text-align:center;display:block; width:100%;"