Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.54/13: Рейтинг темы: голосов - 13, средняя оценка - 4.54
 Аватар для Fatmarmelad
34 / 10 / 2
Регистрация: 20.02.2016
Сообщений: 1,613

Как в контейнере body выравнять текст по центру?

09.08.2017, 20:48. Показов 3002. Ответов 5
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Доброго времени суток!
В теге body выставилtext-align:center. Но текст выравнялся вдоль левого края, а строки одна относительно другой выравнялись по центру, но не относительно окна браузера. Что сделать чтоб, в body выравнять текст по центру относительно окна браузера?
0
IT_Exp
Эксперт
34794 / 4073 / 2104
Регистрация: 17.06.2006
Сообщений: 32,602
Блог
09.08.2017, 20:48
Ответы с готовыми решениями:

Как выравнять текст по центру?
У меня заголовок отодвигается к цетру только если я ему padding задаю. Но я хотел бы его отцентрировать внутри блока. Как мне это сделать?...

Как выравнять текст по центру относительно иконки fontawesome
Добрый вечер! Подскажите плз как выравнять текст по центру относительно иконки fontawesome, а то у меня все на одной линии <a...

Placeholder: не получается выравнять текст по центру input
В Safari 5.1.1 не получается отцентровать логин и пароль по центру. В Хроме, Опере и Файерфоксе всё нормально. А в IE 9 вообще не...

5
59 / 22 / 12
Регистрация: 30.05.2017
Сообщений: 73
09.08.2017, 21:36
Ну как-бы если никаких других тегов внутри боди нету, то должно работать. А так-как у вас не работает корректно, вероятно другие элементы теснят ваш текст. В общем, чтоб подсказать более детально нужно посмотреть ваш код.
0
 Аватар для Fatmarmelad
34 / 10 / 2
Регистрация: 20.02.2016
Сообщений: 1,613
14.08.2017, 13:50  [ТС]
Ares111, код следующий
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<!DOCTYPE HTML>
<html>
<head>
<title>
ms 7
</title>
<style type="text/css">
div{width: 50%;}
body{text-align:center;}
</style>
</head>
<body>
<div>текст</div>
</body>
</html>
В браузере текст получается выравнивается относительно блока div, но этот блок не выравнивается по центру контейнера body.
0
 Аватар для Gorev
135 / 132 / 30
Регистрация: 08.12.2009
Сообщений: 565
Записей в блоге: 3
14.08.2017, 14:28
Попробуй так:
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
<!DOCTYPE HTML>
<html>
<head>
<title>
ms 7
</title>
<style type="text/css">
div{width: 50%;text-align:center;}
</style>
</head>
<body>
<div>текст</div>
</body>
</html>
У тебя в теге div находится тег, поэтому он не выравнивает.
0
 Аватар для Fatmarmelad
34 / 10 / 2
Регистрация: 20.02.2016
Сообщений: 1,613
14.08.2017, 16:23  [ТС]
Цитата Сообщение от Gorev Посмотреть сообщение
У тебя в теге div находится тег
Какой тег в теге div?
0
 Аватар для Gorev
135 / 132 / 30
Регистрация: 08.12.2009
Сообщений: 565
Записей в блоге: 3
14.08.2017, 16:27
Цитата Сообщение от Fatmarmelad Посмотреть сообщение
Какой тег в теге div?
В теге body находится тег div, в котором находится текст.

Добавлено через 2 минуты
Если хочешь выровнять тег div по центру задай ему
CSS
1
margin: auto;
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
BasicMan
Эксперт
29316 / 5623 / 2384
Регистрация: 17.02.2009
Сообщений: 30,364
Блог
14.08.2017, 16:27
Помогаю со студенческими работами здесь

Как выравнять блок по центру?
Как виравнять по центру блок с помощю Css?

Как в bootatsrap 3 выравнять блок по центру?
Добрый день, интересует, есть ли из коробки такой класс. Чтобы с offset и css не корячиться.

Как выровнять body по центру?
Эм, как лошара не могу выровнить body по центру. Уже пробовал через margin, float, text-align, font-align, не хочет и всё &gt;_&lt;

Выравнять слайдер по центру шапки сайта
Всем хорошего времени суток, вставил шорткод слайдера в шапку сайта http://skmedved.club/ &lt;div class=&quot;header_shapka&quot;&gt; ...

Как выровнять текст, чтобы он был как бы в контейнере?
Как выровнять текст, чтобы он был как бы в контейнере? по этому коду текст растягивается по всей странице, а нужно, чтобы он был по...


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

Или воспользуйтесь поиском по форуму:
6
Ответ Создать тему
Новые блоги и статьи
Отображение реквизитов в документе по условию и контроль их заполнения
Maks 04.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеСпецтехники", разработанного в конфигурации КА2. Данный документ берёт данные из другого нетипового документа. . .
Фото всей Земли с борта корабля Orion миссии Artemis II
kumehtar 04.04.2026
Это первое подобное фото сделанное человеком за 50 лет. Снимок называют новым вариантом легендарной фотографии «The Blue Marble» 1972 года, сделанной с борта корабля «Аполлон-17». Новое фото. . .
Вывод диалогового окна перед закрытием, если документ не проведён
Maks 04.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: реализовать программный контроль на предмет проведения документа. . .
Программный контроль заполнения реквизита табличной части документа
Maks 02.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: реализовать контроль заполнения реквизита "ПричинаСписания". . .
wmic не является внутренней или внешней командой
Maks 02.04.2026
Решение: DISM / Online / Add-Capability / CapabilityName:WMIC~~~~ Отсюда: https:/ / winitpro. ru/ index. php/ 2025/ 02/ 14/ komanda-wmic-ne-naydena/
Программная установка даты и запрет ее изменения
Maks 02.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: при создании документов установить период списания автоматически. . .
Вывод данных в справочнике через динамический список
Maks 01.04.2026
Реализация из решения ниже выполнена на примере нетипового справочника "Спецтехника" разработанного в конфигурации КА2. Задача: вывести данные из ТЧ нетипового документа. . .
Программное заполнения текстового поля в реквизите формы документа
Maks 01.04.2026
Алгоритм из решения ниже реализован на нетиповом документе "ВыдачаОборудованияНаСпецтехнику" разработанного в конфигурации КА2, в дополнении к предыдущему решению. На форме документа создается. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru