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