Поле для наведения с (вертикально и горизонтально) центрированным текстом [дубликат]

На этот вопрос уже есть ответы здесь :

Как центрировать элемент по горизонтали и вертикально (19 ответов)

Закрыто 4 года назад .

Я сделал информационное окно при наведении для мозаики изображения для клиента. Когда человек наводит изображение (разные ориентации, поэтому его размер может изменяться), он получает еще один div над ним с некоторой информацией. Проблема в гибкости: я хочу, чтобы содержимое div было по центру вертикально и горизонтально. На данный момент это выглядит так:

.linkbox {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    color: #fff;
    font-size: 1.9em;
    font-weight: bold;
    background-color: rgba(0, 0, 0, 0.5);
    text-align: center;
}

Но я хочу, чтобы материал появлялся в середине поля. Итак, моя первая мысль: padding-top: 40%; и высота (возможно !?) 50%, а остальное - для информации. Я знаю, что мне нужно указать размер в%, но это просто мерзко. Есть идеи?

Проект находится здесь: http://www.davidgoltz.de/2011/archive/

css position

задан thirtydot 12 August 2011 в 13:48

0 ответов

Другие вопросы по тегам:

css position

Поле для наведения с (вертикально и горизонтально) центрированным текстом [дубликат]

0 ответов

Похожие вопросы: