2010-06-20 2 views
0

С разметкой, как это:Можно ли центрировать пролет в div при позиционировании якоря в том же div?

<div id='titlebar'> 
    <a><img src='foo.png'></a> 
    <span>Title</span> 
</div> 

возможно центрировать «Title» при позиционировании привязанного изображения?

... [foo] .....................Title ............................... 

Благодаря

ответ

0
#titlebar { 
    text-align: center; 
} 

#titlebar a { 
    position: relative; 
    left: -40em; 
} 

Попробуйте это.

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

+0

спасибо за предложение использовать отрицательное позиционирование. Я использую отрицательный процент для левой позиции якоря, а не для отрицательной единицы. Это лучше всего подходит для сохранения изображения на соответствующем расстоянии от централизованного названия и сохранения изображения на странице при изменении размера. С уважением, Тим. – Tim

Смежные вопросы