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> rightx2@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以及您的＆＃34;按钮持有者＆＃34;类

<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%;"

Answer 2

尝试添加以下内容

.button-holder {
    display: flex;
    justify-content: center;
}

如何在html中心找到几个按钮（或'a'标签）？

2 个答案: