как сделать текст по середине?
на flexbox я могу сделать justify-content: space-between но тут он не работает а text-align: center; не могу использовать по дизайну, а если делать отступы то нужно их будет долго рассчитывать на каждом разрешении
* < border: 2px solid #e7e7e7 >.inner
Lorem
Lorem ipsum dolor sit amet, consectetur adipisicing.
voluptatibus
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aspernatur corporis dolorem eligendi enim mollitia quidem quis rem saepe sed voluptatibus?
dolor
Lorem ipsum dolor sit amet, consectetur adipisicing.
consectetur
Lorem ipsum dolor sit amet, consectetur adipisicing.
Отслеживать
33.1k 2 2 золотых знака 33 33 серебряных знака 61 61 бронзовый знак
задан 7 июн 2019 в 10:48
skatch mast skatch mast
528 2 2 серебряных знака 15 15 бронзовых знаков
1 ответ 1
Сортировка: Сброс на вариант по умолчанию
У вас эти блоки вообще лишние. Нужные свойства поместил в класс item, хотя можно было и классами добавить. Когда уберете, если вам это нужно, стандартные отступы — все будет отцентрировано строго по вертикали
* < border: 2px solid #e7e7e7 >.item
Lorem
Lorem ipsum dolor sit amet, consectetur adipisicing.
voluptatibus
Lorem ipsum dolor sit amet, consectetur adipisicing elfditLorem ipsum dolor sit amet, consectetur adipisicing elfditLorem ipsum dolor sit amet, consectetur adipisicing elfdit. Aspernatur corporis dolorem eligendi enim mollitia quidem quis rem saepe sed voluptatibus?
dolor
Lorem ipsum dolor sit amet, consectetur adipisicing.
consectetur
Lorem ipsum dolor sit amet, consectetur adipisicing.
Выравнивание текста или настройка границ в текстовом поле
В Word текст надписи можно выравнивать по вертикали и по горизонтали, а также настраивать ширину полей. Горизонтальное выравнивание определяет расположение левого и правого краев абзаца между полями, а вертикальное — размещение текста между верхней и нижней границами.
Выравнивание текста по горизонтали
- В надписи выделите текст, для которого нужно изменить выравнивание по горизонтали.
- На вкладке Главная выберите нужный вариант выравнивания .
Выравнивание текста по вертикали
Вы можете выровнять весть текст в надписи по ее верхнему или нижнему краю либо по центру.
- Щелкните внешнюю границу надписи, чтобы выделить ее.
- На вкладке Формат фигуры щелкните Область форматирования.
- Откройте вкладку Параметры фигуры, если она еще не выбрана.
- Щелкните значок надписи и выберите пункт Надпись.
- Выберите По верхнему краю, По середине или По нижнему краю из раскрывающегося списка Выравнивание по вертикали.
Настройка полей надписи
- Щелкните внешнюю границу надписи, чтобы выделить ее.
- На вкладке Формат фигуры щелкните Область форматирования.
- Откройте вкладку Параметры фигуры, если она еще не выбрана.
- Щелкните значок надписи
и выберите пункт Надпись. - Вы можете настроить поля слева, справа, сверху и снизу.
Важно: Microsoft Office для Mac 2011 больше не поддерживается. Перейдите на Microsoft 365, чтобы работать удаленно с любого устройства и продолжать получать поддержку.
Выравнивание текста по горизонтали
- В надписи выделите текст, для которого нужно изменить выравнивание по горизонтали.
- На вкладке Главная в области Абзацвыберите нужный вариант выравнивания .
Выравнивание текста по вертикали
Вы можете выровнять весть текст в надписи по ее верхнему или нижнему краю либо по центру.
- Щелкните внешнюю границу надписи, чтобы выделить ее.
- Перейдите на вкладку Формат (сиреневую контекстную вкладку, которая появляется рядом с вкладкой Главная), а затем в области Текстовое поле щелкните Изменить выравнивание текста внутри .
- Выберите требуемый вариант выравнивания.
Настройка полей надписи
- Щелкните внешнюю границу надписи, чтобы выделить ее.
- В меню Формат выберите пункт Фигура.
- В левой области диалогового окна Формат фигуры нажмите кнопку Текстовое поле.
- В разделе Внутренние поля настройте параметры расстояния между текстом и внешней границей надписи.
Размещение текста по центру экрана
Друзья, подскажите наиболее кросс-браузерное решение по размещению текста на странице по центру окна браузера (на всякий случай, поясню: это когда отступы сверху, снизу, слева и справа от границ окна до текста попарно одинаковые). Заранее, спасибо!
- Вопрос задан более трёх лет назад
- 64024 просмотра
Комментировать
Решения вопроса 0
Ответы на вопрос 7
В общем случае решения нет, зато есть куча частностей.
Если текст в одну строку и есть возможность использовать абсолют (что далеко не всегда)то —
position:absolute;
width:100%;
top:50%;
text-align:center;
Если известна высота блока и можно использовать абсолют, то вариант предложенный выше.
Если нельзя использовать абсолют, но известна высота блока и текст в одну стоку — то через line-height равный высоте блока.
Ну и 100% кроссбраузерная классика о которой вечно все забывают — зафигачить таблицей с одной ячейкой.
Подскажите пожалуйста, как сделать заголовок в HTML по середине?
Не рекомендую учить что-либо по одному SoloLearn, или видео «Выучи *название языка* за час». Самое лучшее — книги. Совсем лень читать? — курсы Гоши Дударя. (Плейлист с изучением html : https://www.youtube.com/playlist?list=PL0lO_mIqDDFUpe6yMyXAlcrfT6AO0KW1a) На сам вопрос уже ответили.
5th Nov 2019, 6:57 AM
Kirill Merzlyakov
Большое спасибо, тоже выучу. Вообще, я изучал все это на канале Хауди Хо, но он говорил основы, поэтому я так плохо шарю:)