2016-08-25 109 views
0

我想在窗口中心找到兩個a標籤。如何在html中查找多個按鈕(或'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> kaross11</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> [email protected] </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 --> 

但它不工作..它看起來像這樣:

enter image description here

我成功只有一個a標籤,但定位的兩個標籤有點不同。 需要你的建議。

回答

0

您正在使用引導。

添加text-center與「按鈕保持者」級

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

工作示例這裏:https://jsfiddle.net/07j6t0yf/

0

嘗試添加以下代替

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