對齊中心css內容

目前標題文本
和
登錄/密碼輸入字段
未在中心對齊，並且對齊seperately

實施例：
「頭1」
「頭2」
。 ...「登錄」
....「密碼」
....「按鈕」

個

頭字段：

<body> 
    <div class="headerLogo" align="center"> 
     <img src="images/login.png"><br><br><br> 
     <h1 class="form-signin-heading"> 
      <b>header1header1</b> 
     </h1> 
     <h3 class="form-signin-heading"> 
      headerheader2 
     </h3> 
    </div><br><br><br><br><br>

登錄輸入字段：

<div class="container"> 
    <form class="form-signin" method="Post"> 
     <input type="text" id="email" class="form-control" placeholder="email"> 
     <input type="password" id="password" class="form-control" placeholder="pwd"> 
     <label class="checkbox"> 
     <input type="checkbox" value="remember-me"> 
      Keep Login 
     </label> 
     <button class="btn btn-lg btn-info btn-block" type="submit"> 
      <b>로그인</b> 
     </button> 
     <div class="row"> 
      <div class="col-md-6"> 
      <a class="btn btn-lg btn-primary btn-block"><b>Email Join</b></a> 
     </div> 

     <div class="col-md-6"> 
      <a class="btn btn-lg btn-primary btn-block"><b>Find Password</b></a> 
     </div> 
     </div> 
     </form> 
    </div> 
</body><!-- /container -->

來源

2014-04-23 user3556114

單獨圍繞佔位符文本是不是瀏覽器的廣泛支持。對於Safari和Mozilla瀏覽器（似乎在鉻工作），你可以使用：

::-webkit-input-placeholder { 
    text-align:center; 
} 
input:-moz-placeholder { 
    text-align:center; 
}

DEMO

如果確定與文本的用戶輸入居中，以及使用：

input { 
    text-align:center; 
}

編輯：我假設你正在使用引導。

來源

2014-04-23 01:48:45 13ruce1337

嘗試<div class="container" style="margin-right:30px">如果這不起作用將它放到jsfiddle會有幫助。

來源

2014-04-23 01:51:10 Plentybinary

如果您正在使用引導程序，並且通過您的代碼的外觀，您可以通過添加類「text-center」來居中文本。

<p class="text-center">aligned center</p>

而且在引導提供一些其他有用的走向：

<p class="text-left">aligned left</p> 
<p class="text-right">aligned right</p> 
<p class="text-justify">justified</p>

來源

2014-04-23 02:36:03 Andrei

對齊中心css內容

回答

相關問題