将浮动链接置于 div 内居中

Question

我有一个只有最小宽度的 div，它可以像 100% 宽度一样扩展自身。

在它里面我有一个浮动的链接，我正在疯狂地寻找一种方法将它放在 div 中居中。

我怎样才能做到这一点而不改变它的浮动？

哦，链接没有用

编辑定义：

我尝试过：

我给了容器一个文本对齐：居中， 删除了浮动，它居中但不与其他元素对齐，我尝试使用显示：内联和垂直对齐。

对于代码，我试图将“项目名称”集中在此处http://twitter。 github.com/bootstrap/examples/fluid.html

Answer 1

希望这有帮助：

http://jsfiddle.net/cU2ff/

编辑

http://jsfiddle.net/cU2ff/1/

我想出了这个，不知道有没有帮助。 float: left 属性没有做任何事情，但我把它留在那里

<div id='container'>
 <a id='projectName' href='#'>Ciaoasdsa da sda sd asd adsa</a>
 <ul id='menu'><li>li1</li><li>li2</li></ul>
 <p id='login'><a>asd</a></p>
</div>

#container 
{
 width:100%;
 position:relative;
 overflow:hidden;
 border: 1px solid black;
}

li { float: left; } 

#menu, #login { border: 1px solid black; }

#menu{ float:left; }

#login { float:right; }

#projectName
{
 text-align: center;
 border:1px solid red;
 padding:3px;
 width: 100%;
 position: absolute;
 float: left;
}

编辑

http://jsfiddle.net/cU2ff/ 2/

用 div 包裹它并给它 id projectName

Answer 2

我通常也使用它来将链接置于 div 的中心。

div.name a
{
margin-left:auto;
margin-right:auto;
}

Answer 3

如果无法看到您正在谈论的 html，则很难给您答案，但如果它只是链接内的文本，请尝试此操作。

a{
 display:block;
 text-align:center;
 width:100%;
}

Answer 4

尝试使用这个

a{
margin:0 auto;
}