水平對齊浮動

我該如何製作一個名爲「commenttweet2」的CSS類，它將水平對齊的浮動15像素右邊的commenttweet？水平對齊浮動

的PHP/HTML代碼：

echo "<div class='commenttweet'>"; 

echo "<a href='$url'>Tweet this</a>"; 

echo "</div>";

的CSS：

.commenttweet { 
      margin-left:0px; 
      margin-top:15px; 
      color: #004993; 
      font-family:Arial, Helvetica, sans-serif; 
      font-size: 10px; 
      font-weight: bold; 
      height: 15px; 
      padding-bottom: 0px; 
      padding-left: 5px; 
      padding-right: 5px; 
      padding-top: 2px;    
}

來源

2011-05-10 John

我不明白。它怎麼可能在下面，但水平對齊呢？你的意思是comenttweet2低於15像素像線程向右縮進？ – robx 2011-05-10 00:37:00

@robx，通過「below」，我的意思是「下面顯示」的代碼。爲了清晰我編輯。 – John 2011-05-10 00:38:59

不知道你有什麼其他代碼，但真正簡單的啓動會是這樣的事情，讓你開始。顯示@http://jsfiddle.net/robx/FSyph/

HTML例子：

<div class='commenttweet'> 
    <a href='http://'>Tweet this</a> 
</div> 
<div class='commenttweet'> 
    <a href='http://'>Tweet this 2</a> 
</div>

CSS：

.commenttweet{ 
    float:left; 
    margin:10px; 
    padding:8px; 
    border:1px solid #000; 
}

來源

2011-05-10 01:06:22 robx

你必須把位置propertie在commenttweet類：

commenttweet { 
    position:absolute; 
    margin-left:0px;    
    margin-top:15px;    
    color: #004993;    
    font-family:Arial, Helvetica, sans-serif;    
    font-size: 10px;    
    font-weight: bold;    
    height: 15px;    
    padding-bottom: 0px;    
    padding-left: 5px;    
    padding-right: 5px;    
    padding-top: 2px; 

}

創建下面的類to commenttweet2 div：

.commenttweet2 {  
    position: absolute; 
    margin:15px 0 0 15px; 

}

來源

2011-05-10 00:52:53 Regis

水平對齊浮動

回答

相關問題