水平对齐浮动

我该如何制作一个名为“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

水平对齐浮动

回答

相关问题