11.12.2012 22:21:31 Отступ контента в блоке. Сообщение #1
Алек
Эксперт
Дата регистрации:
30.11.2012 19:41:21
Сообщений: 82
Каким образом можно выравнить контент в блоке с помощью атрибута margin?
Уроки и статьи
Подписка
Добавляйтесь ко мне в друзья ВКонтакте! Отзывы о сайте и обо мне оставляйте в моей группе.
Мой аккаунт
Моя группа
Опрос
Какая тема Вас интересует больше?
Бесплатный курс
Основы C++ в Unreal Engine 5
Особенности курса:
- 5 часов видео
- 53 задания
- Поддержка от автора
- Все исходники приложены
Чтобы получить Видеокурс,
заполните форму
Бесплатный онлайн-семинар
10 шагов к созданию своей Web-студии
После семинара:
- Вы узнаете главное отличие богатых от бедных.
- Вы увидите разоблачения множества мифов об успешности и о бизнесе.
- Вы получите свой личный финансовый план прямо на семинаре.
- Мы разберём 10 шагов к созданию своей успешной Web-студии.
- Я расскажу о своих личных историях: об успешных и неуспешных бизнесах. Это мой многолетний опыт, которым я поделюсь с Вами.
Умные цитаты
Когда, совершив ошибку, не исправил её, это и называется совершить ошибку.
Конфуций
Форум сайта MyRusakov.ru
Отступ контента в блоке.
11.12.2012 22:30:38 Отступ контента в блоке. Сообщение #2
mischa.samolkaev
Продвинутый
Дата регистрации:
12.07.2012 13:00:02
Сообщений: 74
Немного непонятный вопрос, если вы про позиционирование, то указывайте margin-left margin-right у выравниваемого элемента
Помоему можно еще провернуть похожее с padding но это крайне "варварски"
#examples-element{
margin-left:10px
}
Помоему можно еще провернуть похожее с padding но это крайне "варварски"
#examples-parent{
papping-left:10px;
padding-right: 20px;
}
11.12.2012 22:49:20 Отступ контента в блоке. Сообщение #3
Алек
Эксперт
Дата регистрации:
30.11.2012 19:41:21
Сообщений: 82
Я хотел бы с помощью text-align и margin-left и margin-right выравнивать текст в каждом отдельном блоке, но не представляю как связать эти атрибуты.
12.12.2012 15:20:52 Отступ контента в блоке. Сообщение #4
mischa.samolkaev
Продвинутый
Дата регистрации:
12.07.2012 13:00:02
Сообщений: 74
Если хотите текст сделать по центру просто прописывайте text-align:center блоку
Хотите точного выравнивания:
Указывайте padding у родителя при фиксированном размере блока;
Указывайте padding у дочернего элемента при фиксированном размере блока родителя;
Пример 1:
Пример 2 (Не рекомендован)
#example-parent{
text-align:center;
}
Хотите точного выравнивания:
Указывайте padding у родителя при фиксированном размере блока;
Указывайте padding у дочернего элемента при фиксированном размере блока родителя;
Пример 1:
<html>
<head>
<title>
Тестовая страница
</title>
<style type="text/css"></style></head>
<body>
<style>
#example-child{
padding-left:100px;
}
#example-parent{
background:wheat;
width:400px;
height:400px
}
</style>
<div id="example-parent">
<div id="example-child">Я тест!</div>
</div>
</body>
</html>
Пример 2 (Не рекомендован)
<html>
<head>
<title>
Тестовая страница
</title>
<style type="text/css"></style></head>
<body>
<style>
#example-parent{
background:wheat;
width:300px;
height:400px;
padding-left:100px;
}
</style>
<div id="example-parent">
<div id="example-child">Я тест!</div>
</div>
</body>
</html>
12.12.2012 16:37:01 Отступ контента в блоке. Сообщение #5
Алек
Эксперт
Дата регистрации:
30.11.2012 19:41:21
Сообщений: 82
Да, спасибо, выполнил по 1-му примеру, всё отлично смог выравнять.