div浮动到居中div旁边的右边？

我得到了一个4个链接。我希望他们都在同一行。其中两个在中心，另外两个在右边。我把它们包裹了两个，但我不能让它工作。div浮动到居中div旁边的右边？

我的CSS是这样的：

#links_center { 

} 
#links_right { 
    float: right; 

}

，但它不工作。正确的链接在前两个链接下。有人可以在这里帮助我。

来源

2009-12-31 ajsie

发布您的完整HTML和CSS代码 – 2009-12-31 15:33:15

一些HTML代码会帮助:-) – Flatlin3 2009-12-31 15:33:53

下面介绍一种方法，假设您的链接位于固定宽度的容器中。请记住，这是不是唯一的方式，只是一个快速的解决方案，它可以为你工作：

<html> 
    <head> 
     <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> 
     <title>Links Test</title> 

     <style type="text/css"> 
      #links_center { 
       float: left; 
       width: 600px; 
      } 

      #links_right { 

      } 
     </style> 
    </head> 
    <body> 
     <div style="width: 800px"> 
      <div id="links_center"> 
       <a href="#">Link 1</a> 
       <a href="#">Link 2</a> 
      </div> 

      <div id="links_right"> 
       <a href="#">Link 3</a> 
       <a href="#">Link 4</a> 
      </div> 
     </div> 
    </body> 
</html>

来源

2009-12-31 15:34:26

float:right只有当#links_right集伴随之前在源代码中设置#links_center工作。重新排列源代码或在中心集上使用float:left，并使用填充/页边距放置到您想要的位置。

来源

2009-12-31 15:34:48 Doug

我把它们倒过来，它的工作原理是在同一行，但问题是中心链接不在中心，它们被推到离开中线。我如何中心他们在一个简单的方法 – ajsie 2009-12-31 17:35:07

它可能有助于CSS一个确定的宽度，因为它听起来像可能没有足够的宽度为他们水平排队。也尝试向左浮动。另一种选择是制作一张桌子。

来源

2009-12-31 15:42:21

链接一个连接两个链接三链接四

– 2009-12-31 15:43:30

取决于交易有多大，这些链Tj瓮外，桌子可能是一个不错的选择。如果您没有将它用于任何主要结构，它是一个干净的选项。如果可以用css完成，最有可能的是“更干净” – johnnietheblack 2009-12-31 16:19:51

div浮动到居中div旁边的右边？

回答

相关问题