С Новым годом! Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Карта форума Темы раздела Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.61/46: Рейтинг темы: голосов - 46, средняя оценка - 4.61
246 / 223 / 31
Регистрация: 18.02.2010
Сообщений: 2,278
1

margin: 0px auto;

05.01.2011, 20:46. Показов 8860. Ответов 3
Метки нет (Все метки)

Author24 — интернет-сервис помощи студентам
В чём различия между:
CSS
1
2
3
margin: 0px auto;
margin: auto;
margin: 0 auto;
Во многих верстках употребляют:
CSS
1
margin: 0px auto;
Не могу понять зачем, если
CSS
1
margin:auto;
делает всё тоже самое, потестил на IE 6-8 Различий не обнаружил.
1
IT_Exp
Эксперт
34794 / 4073 / 2104
Регистрация: 17.06.2006
Сообщений: 32,602
Блог
05.01.2011, 20:46
Ответы с готовыми решениями:

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

Не смещается центр div c margin 0 auto, который в другом div'e с другим margin
<div style="margin-left: 100px"> <div style="margin: 0 auto;"><a href=""...

Не работает margin 0 auto
не смещает картинку в центр, подскажите что не так делаю? <!DOCTYPE html> <head> <meta...

Margin:0 auto что значит?
Доброго времени суток! Не могу найти, что означает margin:0 auto. 0 это понятно, -нет полей, а 0...

3
13208 / 6597 / 1041
Регистрация: 10.01.2008
Сообщений: 15,069
06.01.2011, 06:43 2
Mailo, свойство margin является сокращением четырех свойств margin-top, margin-right, margin-bottom и margin-left и может принимать от 1 до 4 значений:
1: значения для всех четырех свойств;
2: первое значение для вертикальных (top и bottom), второе для горизонтальных (right и left);
3: первое - top, второе - right и left, третье - bottom
4: по порядку top, right, bottom и left.

Т.е. сокращения
CSS
1
2
margin: 0px auto;
margin: auto;
на самом деле означают
CSS
1
2
margin: 0 auto 0 auto;
margin: auto auto auto auto;
Аналогично дела обстоят например, с padding, border-width, border-style, border-color.
3
246 / 223 / 31
Регистрация: 18.02.2010
Сообщений: 2,278
06.01.2011, 06:52  [ТС] 3
Vovan-VE, спасибо за пояснение. Ешё такой вопрос:
Во втором случае вы написали:
CSS
1
margin: 0 auto 0 auto;
А не
CSS
1
margin: 0px auto 0px auto;
Есть ли разница?
0
13208 / 6597 / 1041
Регистрация: 10.01.2008
Сообщений: 15,069
06.01.2011, 07:11 4
Цитата Сообщение от Mailo Посмотреть сообщение
Есть ли разница?
Нет разницы. Для 0 единицы измерения можно не указывать.
0
06.01.2011, 07:11
BasicMan
Эксперт
29316 / 5623 / 2384
Регистрация: 17.02.2009
Сообщений: 30,364
Блог
06.01.2011, 07:11
Помогаю со студенческими работами здесь

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

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

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

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


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

Или воспользуйтесь поиском по форуму:
4
Ответ Создать тему
Новые блоги и статьи
Как работать с GraphQL на TypeScript
InfoMaster 08.01.2025
Введение в GraphQL и TypeScript В современной разработке веб-приложений GraphQL стал мощным инструментом для создания гибких и эффективных API. В сочетании с TypeScript, эта технология. . .
Счётчик на базе сумматоров + регистров и генератора сигналов согласования.
Hrethgir 07.01.2025
Создан с целью проверки скорости асинхронной логики: ранее описанного сумматора и предополагаемых fast регистров. Регистры созданы на базе ранее описанного, предполагаемого fast триггера. То-есть. . .
Как перейти с Options API на Composition API в Vue.js
BasicMan 06.01.2025
Почему переход на Composition API актуален В мире современной веб-разработки фреймворк Vue. js продолжает эволюционировать, предлагая разработчикам все более совершенные инструменты для создания. . .
Архитектура современных процессоров
inter-admin 06.01.2025
Процессор (центральный процессор, ЦП) является основным вычислительным устройством компьютера, которое выполняет обработку данных и управляет работой всех остальных компонентов системы. Архитектура. . .
История создания реляционной модели баз данных, правила Кодда
Programming 06.01.2025
Предпосылки создания реляционной модели В конце 1960-х годов компьютерная индустрия столкнулась с серьезными проблемами в области управления данными. Существовавшие на тот момент модели данных -. . .
Полезные поделки на Arduino, которые можно сделать самому
raxper 06.01.2025
Arduino как платформа для творчества Arduino представляет собой удивительную платформу для технического творчества, которая открывает безграничные возможности для создания уникальных проектов. Эта. . .
Подборка решений задач на Python
IT_Exp 06.01.2025
Целью данной подборки является предоставление возможности ознакомиться с различными задачами и их решениями на Python, что может быть полезно как для начинающих, так и для опытных программистов. . . .
С чего начать программировать микроконтроллер­­ы
raxper 06.01.2025
Введение в мир микроконтроллеров Микроконтроллеры стали неотъемлемой частью современного мира, окружая нас повсюду: от простых бытовых приборов до сложных промышленных систем. Эти маленькие. . .
Из чего собрать игровой компьютер
inter-admin 06.01.2025
Сборка игрового компьютера требует особого внимания к выбору комплектующих и их совместимости. Правильно собранный игровой ПК не только обеспечивает комфортный геймплей в современных играх, но и. . .
Обновление сайта www.historian.b­y
Reglage 05.01.2025
Обещал подвести итоги 2024 года для сайта. Однако начну с того, что изменилось за неделю. Добавил краткий урок по последовательности действий при анализе вредоносных файлов и значительно улучшил урок. . .
Как использовать GraphQL в C# с HotChocolate
Programming 05.01.2025
GraphQL — это современный подход к разработке API, который позволяет клиентам запрашивать только те данные, которые им необходимы. Это делает взаимодействие с API более гибким и эффективным по. . .
Модель полного двоичного сумматора с помощью логических операций (python)
AlexSky-coder 04.01.2025
def binSum(x:list, y:list): s=^y] p=x and y for i in range(1,len(x)): s. append((x^y)^p) p=(x and y)or(p and (x or y)) return s x=list() y=list()
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2025, CyberForum.ru