Форум программистов, компьютерный форум, киберфорум
Наши страницы
HTML, CSS
Войти
Регистрация
Восстановить пароль
 
Lipau3n
1 / 1 / 0
Регистрация: 21.09.2012
Сообщений: 28
1

Блоки по центру вертикальной оси

05.01.2014, 10:20. Просмотров 303. Ответов 1
Метки нет (Все метки)

Скриншот того, что есть:
Блоки по центру вертикальной оси

Нужно сделать так, чтобы начиная со 2 колонки они становились по середине.
HTML5
1
2
3
4
5
6
7
8
9
<div class="brackets">
<div class="brackets-column">
<div class="brackets-vsblock">
<div class="brackets-block-team">TEAM 1</div>
<div class="brackets-block-score">VS</div>
<div class="brackets-block-team">TEAM 2</div>
</div>
</div>
</div>
CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
.brackets {
    overflow: auto;
    width: 533px;
    height: 600px;
    border: 1px solid #000;
    box-shadow: 0 0 1px #424242;
}
.brackets-column {
    width: 100px;
    border: 0;
    float: left;
    vertical-align: baseline;
    margin-right: 10px;
    display: table-column;
}
.brackets-vsblock {
    width: 100px;
    height: 70px;
    margin: 10px;
    overflow: middle;
}
.brackets-block-team {
    background: #2d2d2d;
    height: 20px;
    line-height: 20px;
    color: #ccc;
    border: 1px solid #424242;
    font-weight: bold;
}
.brackets-block-score {
    height: 30px;
    line-height: 30px;
    color: #888;
    text-align: center;
    background: #2c2c2c;
}
 Комментарий модератора 
Прикрепляйте файлы и изображения к сообщениям.
http://www.cyberforum.ru/about-forum/thread103521.html#post594251
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
05.01.2014, 10:20
Ответы с готовыми решениями:

блоки по центру
есть 2 блока: #menu{ background:oldlace; width:190px; height:300px;margin: 0...

блоки по центру
Добрый день. Есть код (см.ниже) по которому выводится 4 блока фиксированной...

Как сделать блоки по центру?
Вообщем, тема такая... практически на любом сайте, при его уменьшение масштаба,...

Выставить блоки DIV по центру
Я выставил блоки по гоизонтали div используя float:left всё нормально, при...

Блоки по центру с float:left
Надо разместить блоки по центру, с ПРОЦЕНТНОЙ шириной, margin:20px, border:1px,...

1
fol
491 / 471 / 153
Регистрация: 08.07.2013
Сообщений: 1,685
Записей в блоге: 1
05.01.2014, 11:22 2
первое, что приходит на ум, это обернуть все в таблицу с одной строкой и одной ячейкой, и задать содержимому ячейчки vertical-align: middle
0
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
05.01.2014, 11:22

Как разместить блоки по центру и что отвечает за фон ?
Здравствуйте Уважаемые вебмастера! http://6not.ru/ Никак не получается...

Как сделать выравнивание всплывающего окна по центру (по оси Y)?
Есть pop-up на jQuery, который открывается по клику. Блок с информацией этого...

Как в css выставить изображение по центру окна браузера вдоль горизонтальной оси?
Добрый день! Как в css выставить изображение по центру окна браузера вдоль...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
2
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Рейтинг@Mail.ru