С Новым годом! Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.67/6: Рейтинг темы: голосов - 6, средняя оценка - 4.67
 Аватар для Shoshona
30 / 30 / 37
Регистрация: 03.06.2014
Сообщений: 1,055

Вертикальное центрирование select

13.02.2017, 20:23. Показов 1354. Ответов 3
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Здравствуйте! Не могу вертикально поставить select в центре блока
HTML5
1
2
3
4
5
6
7
8
9
<div class="select">
    <span class="kvadra"></span>
    <select>
    <option>Язык</option>
    <option>English</option>
    <option>Русский</option>
    <option>Укаїнська</option>
     </select>
</div>
CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
.kvadra {
padding: 20px 20px;
    border-radius: 5px;
    background: #34a905;
    margin-right: 5px;
    display: inline-block;
}
.select {
    width: 148px;
    display: inline-block;
    height: 60px;
    line-height: 60px;
}
select {
    width: 60px;
    border: none;
    outline: none;
    display: inline-block;
    line-height: 60px;
}
0
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
13.02.2017, 20:23
Ответы с готовыми решениями:

Bootstrap 4 Вертикальное центрирование элемента
Великие, помогите центрировать данную конструкцию по вертикали. Класс align-items-center почему-то не робзит. Возможно я что-то не так...

Вертикальное центрирование ссылки в резиновом блоке
Доброго всем дня! Делаю резиновый шаблон для сайта, в нем есть вертикальное меню из 3х блоков, каждый высотой по 33,33% от родителя. В...

Вертикальное центрирование
Есть header и footer. Между ними должна быть кнопка, которая на разных мониторах будет находится по-центру по вертикали блока content : ...

3
Эксперт HTML/CSS
 Аватар для Fedor92
2964 / 2621 / 1068
Регистрация: 15.12.2012
Сообщений: 10,091
Записей в блоге: 11
13.02.2017, 20:29
Shoshona, так?
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
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
    .kvadra {
    padding: 20px 20px;
    border-radius: 5px;
    background: #34a905;
    margin-right: 5px;
}
.select {
    width: 148px;
    display: inline-block;
    height: 60px;
    line-height: 60px;
}
select {
    width: 60px;
    border: none;
    outline: none;
    display: inline-block;
    line-height: 60px;
}
    </style>
</head>
<body>
    <div class="select">
    <span class="kvadra"></span>
    <select>
    <option>Язык</option>
    <option>English</option>
    <option>Русский</option>
    <option>Укаїнська</option>
     </select>
</div>
</body>
</html>
0
 Аватар для Shoshona
30 / 30 / 37
Регистрация: 03.06.2014
Сообщений: 1,055
16.02.2017, 09:01  [ТС]
Fedor92, Не сработало
0
Эксперт JSЭксперт HTML/CSS
 Аватар для mrtoxas
3827 / 2677 / 1521
Регистрация: 12.07.2015
Сообщений: 6,672
Записей в блоге: 4
16.02.2017, 10:46
Shoshona, покажите код, который у вас получился.
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
16.02.2017, 10:46
Помогаю со студенческими работами здесь

Вертикальное и горизонтальное центрирование
Добрый вечер! :senor: Решил расположить слой по середине экрана. Для начала по горизонтали. Можно действовать так: (ширина_окна / 2)...

Вертикальное центрирование текста в label, VBA Access 7.0
Кто-нибудь знает, каким образом можно вертикально центрировать текст в Label? Простановка свойств Label.TopPadding, ...

Сохранение значения select и работоспособность второго select после отправки формы
Добрый вечер!Есть проблемка-не могу сохранить значение селекта,сохранив работоспособность др.селектов после отправки формы....страну...

Сохранение значения select и работоспособность второго select после отправки формы
Добрый вечер!Есть проблемка-не могу сохранить значение селекта,сохранив работоспособность др.селектов после отправки формы....страну...

Как при изменении одного <select> подгрузить в другой <select> данные...
Как при изменении одного &lt;select&gt; подгрузить в другой &lt;select&gt; данные... пример: с марками машин. При выборе 'TOYOTA'...


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

Или воспользуйтесь поиском по форуму:
4
Ответ Создать тему
Новые блоги и статьи
Owen Logic: О недопустимости использования связки «аналоговый ПИД» + RegKZR
ФедосеевПавел 06.01.2026
Owen Logic: О недопустимости использования связки «аналоговый ПИД» + RegKZR ВВЕДЕНИЕ Введу сокращения: аналоговый ПИД — ПИД регулятор с управляющим выходом в виде числа в диапазоне от 0% до. . .
Модель микоризы: классовый агентный подход 2
anaschu 06.01.2026
репозиторий https:/ / github. com/ shumilovas/ fungi ветка по-частям. коммит Create переделка под биомассу. txt вход sc, но sm считается внутри мицелия. кстати, обьем тоже должен там считаться. . . .
Расчёт токов в цепи постоянного тока
igorrr37 05.01.2026
/ * Дана цепь постоянного тока с сопротивлениями и напряжениями. Надо найти токи в ветвях. Программа составляет систему уравнений по 1 и 2 законам Кирхгофа и решает её. Последовательность действий:. . .
Новый CodeBlocs. Версия 25.03
palva 04.01.2026
Оказывается, недавно вышла новая версия CodeBlocks за номером 25. 03. Когда-то давно я возился с только что вышедшей тогда версией 20. 03. С тех пор я давно снёс всё с компьютера и забыл. Теперь. . .
Модель микоризы: классовый агентный подход
anaschu 02.01.2026
Раньше это было два гриба и бактерия. Теперь три гриба, растение. И на уровне агентов добавится между грибами или бактериями взаимодействий. До того я пробовал подход через многомерные массивы,. . .
Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост.
Programma_Boinc 28.12.2025
Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост. Налог на собак: https:/ / **********/ gallery/ V06K53e Финансовый отчет в Excel: https:/ / **********/ gallery/ bKBkQFf Пост отсюда. . .
Кто-нибудь знает, где можно бесплатно получить настольный компьютер или ноутбук? США.
Programma_Boinc 26.12.2025
Нашел на реддите интересную статью под названием Anyone know where to get a free Desktop or Laptop? Ниже её машинный перевод. После долгих разбирательств я наконец-то вернула себе. . .
Thinkpad X220 Tablet — это лучший бюджетный ноутбук для учёбы, точка.
Programma_Boinc 23.12.2025
Рецензия / Мнение/ Перевод Нашел на реддите интересную статью под названием The Thinkpad X220 Tablet is the best budget school laptop period . Ниже её машинный перевод. Thinkpad X220 Tablet —. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru