如何在HTML KickStart中將寬度col_4的內容居中？

Question

我有一個窗體，我希望它是寬度col_4，並在中心使用99lime.com的HTML KickStart。我怎麼做？目前我有這個：

<div class="grid"> 
    <div class="col_12"> 
     <form class="vertical" action="#"> 
      <input size="5" id="text_email" type="email" name="email" placeholder="Email"><br> 
      <input size=50 id="text_alias" type="text" name="alias" placeholder="Alias"><br> 
      <input size=50 id="text_password" type="password" name="password" placeholder="Password"><br> 
      <button type="submit">Sign up</button> 
     </form> 
    </div> 
</div> 

Answer 1

HTML Kickstart似乎使用CSS浮動來構建網格。要將盒子居中，您需要走出他們的網格系統。

也許向容器div添加一個自定義類，例如，

<div class="grid"> 
    <div class="col_4 central"> 
     <form... 

然後在你的CSS，試試這個：

.grid .central { 
    float: none; 
    margin-left: auto; 
    margin-right: auto; 
} 

設置margin-left & margin-right到auto將圍繞其父在div（見http://bluerobot.com/web/css/center1.html）。它應該從col_4類中選取一個寬度。