11.12.2012 22:21:31 Отступ контента в блоке. Сообщение #1
Алек
Эксперт
Дата регистрации:
30.11.2012 19:41:21
Сообщений: 82
Каким образом можно выравнить контент в блоке с помощью атрибута margin?
Уроки и статьи
Подписка
Добавляйтесь ко мне в друзья ВКонтакте! Отзывы о сайте и обо мне оставляйте в моей группе.
Мой аккаунт
Моя группа
Опрос
Какая тема Вас интересует больше?
Бесплатный курс
Мастер-класс по созданию сайта на WordPress 6
Этот видеоурок длится всего 21 минуту, но уже в конце создан полностью рабочий сайт на WordPress (с применением ChatGPT). И весь процесс Вы увидите своими глазами, а повторить - не составит труда!
Чтобы получить Видеокурс,
заполните форму
Бесплатный онлайн-семинар
Как создать профессиональный Интернет-магазин
После семинара:
- Вы будете знать, как создать Интернет-магазин.
- Вы получите бесплатный подарок с подробным описанием каждого шага.
- Вы сможете уже приступить к созданию Интернет-магазина.
Умные цитаты
Человек не будет наслаждаться едой и питьем, если не перестрадает от голода и жажды.
Аврелий Августин
Форум сайта 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-му примеру, всё отлично смог выравнять.