С Новым годом! Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.60/25: Рейтинг темы: голосов - 25, средняя оценка - 4.60
0 / 0 / 0
Регистрация: 27.06.2020
Сообщений: 17

Не работает выравнивание margin: 0 auto;

11.08.2020, 23:20. Показов 5218. Ответов 4

Студворк — интернет-сервис помощи студентам
Со свойством min-width не работает margin: 0 auto, с max-width и width всё нормально :/
Вот код:

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
40
41
42
43
44
45
46
47
48
49
50
51
<!DOCTYPE html>
<html>
<head>
    <title>CSS3</title>
    <link rel="stylesheet" type="text/css" href="styles.css">
</head>
<body>
<div class="container">
    <form action="#" method="get">
        <div class="username-block">
            <label for="First">Full</label>
            <label for="Last">Name</label>
                <div class="username">
                    <input id="First" type="text" name="username" placeholder="First">
                    <input id="Last" type="text" name="username" placeholder="Last">
                </div>
        </div>
 
        <div class="email-block">
            <label for="email">Email</label>
                <div class="email">
                    <input id="email" type="email" name="email">
                </div>
 
        <div class="subject-block">
            <label for="subject">Subject</label>
        <div class="subject">
                <select id="subject" class="subject">
                    <option name="subject" value="none">None</option>
                    <option name="subject" value="advertise">Advertise</option>
                    <option name="subject" value="partnership">Partnership</option>
                    <option name="subject" value="general">General</option>
                </select>
            </div>
        </div>
 
        <div class="usertext-block">
            <label for="usermessage">Your Message</label>
        <div class="usermessage">
            <textarea id="usermessage" name="usermessage"></textarea>
            </div>
        </div>
 
            <div class="data">
                <input type="submit" name="data">
            </div>
        </div>
    </form>
</div>
</body>
</html>
CSS
1
2
3
4
5
6
7
8
9
*{
    margin: 0;
    padding: 0;
}
 
.container{
    min-width: 904px;
    margin: 0 auto;
}
0
Лучшие ответы (1)
Programming
Эксперт
39485 / 9562 / 3019
Регистрация: 12.04.2006
Сообщений: 41,671
Блог
11.08.2020, 23:20
Ответы с готовыми решениями:

Выравнивание элементов с помощью margin:auto
привет, друзья! объясните мне: почему не работает свойство {margin:auto;} выравнивает только по горизонтали хотя должно по правилу...

Не работает margin 0 auto
не смещает картинку в центр, подскажите что не так делаю? &lt;!DOCTYPE html&gt; &lt;head&gt; &lt;meta http-equiv=&quot;Content-Type&quot;...

Margin: 0 auto; не работает на мобильных устройства
Никак не хочет работать css-стиль margin: 0 auto. Во всех браузерах для настольных компьютеров все центрируется как нужно, а вот в...

4
Эксперт PHP
 Аватар для Kerry_Jr
3106 / 2591 / 1219
Регистрация: 14.05.2014
Сообщений: 7,236
Записей в блоге: 1
11.08.2020, 23:27
Лучший ответ Сообщение было отмечено Victor_2000 как решение

Решение

Цитата Сообщение от Victor_2000 Посмотреть сообщение
Со свойством min-width не работает margin: 0 auto
А разве должен?

Добавлено через 4 минуты
Цитата Сообщение от Victor_2000 Посмотреть сообщение
HTML5
1
2
<input id="First" type="text" name="username" placeholder="First">
<input id="Last" type="text" name="username" placeholder="Last">
Одинаковый атрибут name можно только для type="radio", иначе на сервере значение первого инпута перепишется значением второго.
1
0 / 0 / 0
Регистрация: 27.06.2020
Сообщений: 17
11.08.2020, 23:47  [ТС]
Спасибо
0
1 / 1 / 0
Регистрация: 19.10.2018
Сообщений: 3
12.08.2020, 00:36
min-width подразумевает, что размер элемента может увеличиться, по этому margin: 0 auto; и не сработывает
1
0 / 0 / 0
Регистрация: 27.06.2020
Сообщений: 17
12.08.2020, 14:07  [ТС]
Да, я уже понял, но всё-равно спасибо!
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
inter-admin
Эксперт
29715 / 6470 / 2152
Регистрация: 06.03.2009
Сообщений: 28,500
Блог
12.08.2020, 14:07
Помогаю со студенческими работами здесь

Не смещается центр div c margin 0 auto, который в другом div'e с другим margin
&lt;div style=&quot;margin-left: 100px&quot;&gt; &lt;div style=&quot;margin: 0 auto;&quot;&gt;&lt;a href=&quot;&quot; class=&quot;pageButton&quot;&gt;1&lt;/a&gt;&lt;/div&gt; &lt;/div&gt; В первом диве...

margin: 0px auto;
В чём различия между: margin: 0px auto; margin: auto; margin: 0 auto; Во многих верстках употребляют: margin: 0px auto; Не могу...

Не учитывать *{ margin: 0px auto; }
Как заставить определенный div не учитывать *{ margin: 0px auto; } ?

Margin 0 auto для iOS
Здравствуйте. Имеется сайт, состоит из #header, #contentMain и #footer. У #contentMain стоит margin 0 auto и заданная ширина width:...

Что такое margin:auto?
Прочитал margin:auto указывает, что размер отступов будет автоматически рассчитан браузером. Есть какие-то закономерности в расчёте, от...


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

Или воспользуйтесь поиском по форуму:
5
Ответ Создать тему
Новые блоги и статьи
сукцессия микоризы: основная теория в виде двух уравнений.
anaschu 11.01.2026
https:/ / rutube. ru/ video/ 7a537f578d808e67a3c6fd818a44a5c4/
WordPad для Windows 11
Jel 10.01.2026
WordPad для Windows 11 — это приложение, которое восстанавливает классический текстовый редактор WordPad в операционной системе Windows 11. После того как Microsoft исключила WordPad из. . .
Classic Notepad for Windows 11
Jel 10.01.2026
Old Classic Notepad for Windows 11 Приложение для Windows 11, позволяющее пользователям вернуть классическую версию текстового редактора «Блокнот» из Windows 10. Программа предоставляет более. . .
Почему дизайн решает?
Neotwalker 09.01.2026
В современном мире, где конкуренция за внимание потребителя достигла пика, дизайн становится мощным инструментом для успеха бренда. Это не просто красивый внешний вид продукта или сайта — это. . .
Модель микоризы: классовый агентный подход 3
anaschu 06.01.2026
aa0a7f55b50dd51c5ec569d2d10c54f6/ O1rJuneU_ls https:/ / vkvideo. ru/ video-115721503_456239114
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 законам Кирхгофа и решает её. Последовательность действий:. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru