在 div 中居中浮动链接答案

【问题标题】：Center a floated link inside a div在 div 中居中浮动链接
【发布时间】：2012-01-23 21:32:52
【问题描述】：

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

在它里面我有一个浮动的链接，我很想找到一种方法将它放在 div 中。

如何在不改变它的浮动的情况下做到这一点？

哦，链接还没有定义

编辑：

我试过了：

我给容器一个 text-align: center, 删除了浮动 nad，它居中但不与其他元素对齐，我尝试使用 display: inline 和 vertical-align。

对于我试图将“项目名称”居中的代码http://twitter.github.com/bootstrap/examples/fluid.html

【问题讨论】：

是的，没有浮动：离开它不起作用

标签： css centering

【解决方案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

【讨论】：

完美，但我的墨水不能声明为或 100%，但它应该根据文本进行调整。我已经用更多详细信息和链接更新了问题
嗯，请问为什么 float: left 是必需的？
我将它包装在一个 div 中，并为其指定了 id projectName。没有 css 更改，检查并告诉我

【解决方案2】：

我通常也使用它来使我的链接在 div 中居中。

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

【讨论】：

【解决方案3】：

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

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

【讨论】：

哦，但是 a 得到了整个宽度，它不应该

【解决方案4】：

尝试使用这个

a{
margin:0 auto;
}

【讨论】：