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

Почему нету вертикального выравнивания?

12.05.2016, 17:40. Просмотров 171. Ответов 2
Метки нет (Все метки)

Html:
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<div class="main">
    <main>
        <div id="login">
            <div>
                <form>
                    <span id="aut">Авторизация</span>
                    <div>
                        <label id="ll">
                            <span id="ls1">Логин</span>
                            <span><input type="text"></span>
                        </label>
                        <label id="ll">
                            <span id="ls1">Пароль</span>
                            <span><input type="text"></span>
                        </label>
                        <a>Забыли пароль?</a><br>
                        <button>Ввойти</button>
 
                    </div>
                </form>
            </div>
        </div>
    </main>
</div>
CSS:
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
.main{
  max-width:1800px;
  min-width: 1000px;
 
  height: 760px;
  vertical-align:middle;
  text-align: center;
  margin:auto;
}
 
main {
  min-width: 750px;
  max-width:1780px;
  min-height: 750px;
  background-color: #222225;
  vertical-align:middle;
  position: relative;
}
#login{
  display: inline-block;
  width: 300px;
  border:1px solid #43E5DB;
  top:0; left:0; right: 0; bottom: 0;
  vertical-align:middle;
  text-align: center;
  margin:auto;
 
  &:before {
    content: "";
    display: inline-block;
    height: 100%;
    width: 0;
    vertical-align: middle;
  }
}

Заказываю контрольные, курсовые, дипломные и любые другие студенческие работы здесь.

0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
12.05.2016, 17:40
Ответы с готовыми решениями:

vertical-align или первый опыт вертикального выравнивания
Доброго всем времени суток. Я являюсь новичком в HTML и CSS и при изучении...

Разместить кнопочки "над" и "под" символом строки, не нарушая вертикального выравнивания символа относительно строки
родилась мысль создать собственный интерфейс для &lt;input type=&quot;number&quot;&gt; для...

Почему в :after { content: "hello, there"; } после запятой нету пробела
.bock:after { content: &quot;hello, there&quot;; } выведет: hello,there - а должно...

Выравнивания блоков
Добрый вечер. При создания шаблона возникла проблема с блоками, блоки нужно...

Проблемы выравнивания css
Возникла проблема. Пытаюсь уйти на сайте от фиксированной ширины контента. Уже...

2
Fedor92
Человек из 90-х
Эксперт HTML/CSS
2598 / 2244 / 1011
Регистрация: 15.12.2012
Сообщений: 8,261
12.05.2016, 23:42 #2
venila, уточните, что и относительно чего Вам необходимо выровнять вертикально по центру...
0
mrtoxas
Модератор
Эксперт HTML/CSS
2549 / 1886 / 1179
Регистрация: 12.07.2015
Сообщений: 5,094
Записей в блоге: 3
13.05.2016, 00:11 #3
Потому что, ты не совсем правильно понимаешь vertical-align:middle;
Этот стиль выравнивает строчный элемент по базовой линии родителя или выравнивает текст в по середине ячейки таблицы.
1
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
13.05.2016, 00:11

Выравнивания текста в css
не получается выровнять текст по центру относительно вертикали. пробовал...

Странности позиционирования и выравнивания в IE11
На странице есть абсолютно позиционированный контейнер. Его размеры являются...

Вопрос по поводу выравнивания DIV
Прошу помощи у вас! Желательно подробно! Я понимаю с таким вопросом уже были...


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

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

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