中心<a>形式

Question

下面的標籤我怎麼能居中表格下面的一個標籤 的login.asp

<% 
$Response->write(qq[ 

<div class="row"> 
<div class="col-md-4"></div> 

    <div class="col-md-4"> 
     <div class="image_logo"> 
      <img class="img_logo" src="images/wearefamily-logo.png" alt="wearefamily-logo"/> 
     </div> 

     <h2 class="title_header">].gettext("title_header").qq[</h2> 

     <div id="error_message_div">]. ($Session->{login_error} ? gettext("wrong_credentials") : "").qq[</div> 

     <form class="loginForm" name="loginForm" action="index.asp" method="post" autocomplete="off"> 
      <input id="send" type="hidden" name="send" value="0" /> 
      <input id="uri" type="hidden" name="uri" value=""> 
      <input type="text" name="username" class="input" id="username" placeholder=].gettext("email").qq[ value="" /><br> 
      <input type="password" name="password" class="input" id="password" placeholder=].gettext("password").qq[ value="" /><br> 
      <input type="button" value=].gettext("signin").qq[ class="btn submit_btn"/><br> 
     </form> 
     <a class="form_link" href="index.asp?action=reset">].gettext("resetpassword").qq[</a><br> 
     <a class="form_link" href="index.asp?action=register">].gettext("register").qq[</a> 
    </div> 
<div class="col-md-4"></div> 
</div> 

]); 

%> 

我想居中表格下面的一個標籤的... 「重置密碼」和「註冊到wearefamily的孩子」應該位於中間的標誌按鈕下方

Answer 1

使用下面

<div class="btn-block"> 
<a class="form_link" href="index.asp?action=reset">].gettext("resetpassword").qq[</a> 
     <a class="form_link" href="index.asp?action=register">].gettext("register").qq[</a> 
</div> 



.btn-block { 
    text-align:center; 

} 

.btn-block a { 
display:inline-block; 

} 

Answer 2

我假設你沒有覆蓋a元素的行爲，因爲你還沒有發佈你的CSS。

a元素呈現爲內聯元素。這是默認設置。

這意味着a元素的行爲就像文本，以便你可以給text-align:center;到元素的父爲中心的a元素。

.col-md-4 
    { 
     text-align: center; 
    }