Центрировать плавающую ссылку внутри div

У меня есть div только с минимальной шириной, который расширяется, как будто он составляет 100% ширины.

Внутри него у меня осталась ссылка, и я схожу с ума, находя способ центрировать ее внутри div.

Как я могу сделать это, не меняя его поплавок?

О, и ссылка не определена с помощью

РЕДАКТИРОВАТЬ:

Я пробовал с:

Я дал контейнеру текстовое выравнивание: центр, удалил поплавок, и он был центрирован, но не выровнен с другим элементом, и я попытался использовать отображение: встроенное и вертикальное выравнивание.

Для кода я пытаюсь центрировать «Имя проекта» здесь http://twitter.github.com/bootstrap/examples/fluid.html


css centering
person Matteo Pagliazzi    schedule 23.01.2012    source источник
comment
да, без поплавка: слева не работает   -  person Matteo Pagliazzi    schedule 24.01.2012

Ответы (4)


arrow_upward
1
arrow_downward

Надеюсь это поможет:

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 и дайте ему идентификатор projectName

person Community    schedule 23.01.2012
comment
отлично, но мои чернила не могут быть заявлены с или 100%, но они должны адаптироваться в зависимости от текста. Я обновил вопрос с более подробной информацией и ссылкой - person Matteo Pagliazzi; 24.01.2012
comment
ммм, могу я просто спросить, почему float: left - это требование? - person ; 24.01.2012
comment
Я завернул его в div и дал ему идентификатор проекта. без изменений css, проверьте это и дайте мне знать - person ; 24.01.2012

arrow_upward
0
arrow_downward

Обычно я тоже использовал это, чтобы сосредоточить свои ссылки внутри div.

div.name a
{
margin-left:auto;
margin-right:auto;
}
person Samjus    schedule 23.01.2012

arrow_upward
0
arrow_downward

Не имея возможности увидеть html, о котором вы говорите, немного сложно дать вам ответ, но попробуйте это, если это просто текст внутри ссылки.

a{
 display:block;
 text-align:center;
 width:100%;
}
person mrdeleon    schedule 23.01.2012
comment
о, но так получить всю ширину, и это не должно - person Matteo Pagliazzi; 24.01.2012

arrow_upward
-1
arrow_downward

Попробуйте использовать это

a{
margin:0 auto;
}
person ghislaineguerin    schedule 23.01.2012