2011-07-19 65 views
0

我需要在RED箭頭右下方的元素下指定BLACK箭頭所指向的元素。換句話說,我如何讓元素足夠接近輸入像2-5px。Allign元素足夠接近

http://i.stack.imgur.com/Q4IeX.png

代碼是在這裏

CSS

form.loginform 

{ 
    font-family: Verdana,Arial,Helvetica,sans-serif; 
    font-size: 16px; 
    border-radius: 10px; 
    -moz-box-shadow: 0 0 10px rgba(0,0,0,0.5); 
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5); 

} 


div.divbg 

{ 
    width: 200px; 
    height: 167px; 
    position: fixed; 
    text-align: center; 
    vertical-align: middle; 
    margin-top: 30%; 
    margin-left: 40%; 
    background-color: aliceblue; 

} 

a.register 

{ 

    font-family: Geneva,Arial,Helvetica,sans-serif; 
    font-size: 11px; 

} 

#pass 
{ 
    float: inherit; 
    margin: 0; 
} 

HTML

<html> 
<head> 
<title></title> 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
<link rel=StyleSheet href="loginstyle.css" type="text/css" media="screen"/> 
</head> 
    <body> 
     <div class="divbg"> 
      <form method="post" class="loginform"> 
      Логин <div class="center"><input type="text" name="login"/></div><br/> 
      <div id="pass">Пароль <div class="center"><input type="text" name="password"/></div><br/> 
      <a href="#" class="register">хочу зарегистрироваться!</a><br/></div> 
      <input type="submit" name="submit" value="Войти"/><br/> 

      </form> 
     </div> 
    </body> 
</html> 
+2

我們需要編寫代碼的兄弟,給我們你的HTML/CSS。 – Phil

+0

這裏我們去: - ) – Umren

+0

div id pass只是爲了測試,我雖然聯合和編寫一些選擇器可以做的事情 – Umren

回答

0

你有#center DIV後<br />標籤。這就是推動它。您還可以在input標記周圍填充一些填充;這兩個問題都是造成這個空間的原因。

您的代碼:

<div class="center"><input type="text" name="password"/></div><br/> 

刪除<br />

1

1獲取最新的瀏覽器

2安裝螢火或使用開發人員工具

3檢查最後一個輸入框(黑色箭頭)是否有一些空白底部或底部填充。

4如果是,它設置爲0或負值

5如果不,檢查是否有紅色箭頭元件具有上邊距,然後將其取下或設置一個負的邊距值。

沒有代碼,這不是那麼容易幫助您