Как известно, при составлении любого документа, требуется соблюдать нормативный стиль оформления текста, который заключается в равномерном расположении текста по обоим краям (по ширине) листа документа. Если же составление документа происходило без учета нормативного стиля, то подобный документ будет считаться не действительным.
Многие пользователи задаются вопросом — что именно нужно выравнивать в тексте по ширине? На самом деле, всё достаточно просто — по ширине нужно выравнивать текст, который является заголовком и названием статьи, реферата, курсовой работы и любого другого документа, предъявляющего чёткие требования по оформлению текста. Единственное, в чем теперь осталось разобраться читателю — как выровнять текст в ворде по ширине, об этом мы как раз-таки поговорим дальше.
Если вам необходимо подготовить реферат, проект или любой другой документ, то уделите особое внимание оформлению текста, так как именно по причине некорректного оформления документа, документ приходится переделывать и печатать по новой.
Итак, теперь вернемся к самому главному — как выровнять текст в ворд. На самом деле, все очень просто, и даже если вы являетесь новичком в офисном редакторе Word, то прочитав нашу инструкцию, можно гарантированно этому научиться. Поэтому заканчиваем петь дифирамбы и переходим к непосредственному практикуму.
Дочитав эту статью до конца, вы обретете понимание выравнивания текста по ширине и положение текста на листе. Как ни крути, а грамотно оформленный и сложенный текст — это настоящее искусство!
: div.a {
выравнивание текста: по центру;
}
div.b {
выравнивание текста: по левому краю;
}
div.c {
выравнивание текста: вправо;
}
div.c {
выравнивание текста: оправдать;
}
Попробуй сам "
Дополнительные примеры "Попробуйте сами" ниже.
Определение и использование
Свойство text-align
определяет горизонтальное выравнивание текста в элементе.
Значение по умолчанию: | влево, если направление ltr, и вправо, если направление rtl |
Унаследовано: | да |
Анимируемое: | нет. Прочитать о animatable |
Версия: | CSS1 |
Синтаксис JavaScript: | объект .style.textAlign = "right" Попытайся |
Поддержка браузера
Числа в таблице указывают первую версию браузера, полностью поддерживающую свойство.
Объект | | | | | |
выравнивание текста | 1,0 | 3,0 | 1,0 | 1,0 | 3,5 |
Синтаксис CSS
выравнивание текста: слева | справа | по центру | выравнивание | начальное | наследование;
Стоимость недвижимости
Другие примеры
Пример
Другой пример выравнивания текста:
h2 {
выравнивание текста: по центру;
}
стр.дата {
выравнивание текста: вправо;
}
p.main {
text-align: justify;
}
Попробуй сам "
Связанные страницы
Учебник
CSS: Текст CSS
Ссылка на HTML DOM: свойство textAlign
.
Выравнивание текста CSS
Выравнивание текста
Свойство text-align
используется для установки горизонтального выравнивания текста.
Текст может быть выровнен по левому или правому краю, по центру или по ширине.
В следующем примере показан текст с выравниванием по центру и по левому и правому краям. (выравнивание по левому краю - по умолчанию, если направление текста слева направо, и справа выравнивание по умолчанию, если направление текста справа налево):
Пример
h2 {
выравнивание текста: по центру;
}
h3 {
выравнивание текста: по левому краю;
}
h4 {
выравнивание текста: вправо;
}
Попробуй сам "
Если для свойства text-align
установлено значение «выравнивание по ширине», каждая строка растянуты так, чтобы все линии имели одинаковую ширину, а левое и правое поля прям (как в журналах и газетах):
Направление текста
Направление
и unicode-bidi
свойства могут использоваться для изменения направления текста элемента:
Вертикальное выравнивание
Свойство vertical-align
устанавливает вертикальное выравнивание элемента.
В этом примере показано, как установить вертикальное выравнивание изображения в тексте:
Пример
img.top {
выравнивание по вертикали: верх;
}
img. Средний {
вертикальное выравнивание: средний;
}
img.bottom {
vertical-align: bottom;
}
Попробуй сам "
.
CSS свойство вертикального выравнивания
Пример
Выровнять изображение по вертикали:
img.a {
vertical-align: baseline;
}
img.b {
vertical-align: text-top;
}
рис. C {
вертикальное выравнивание: нижний текст;
}
рис.d {
вертикальное выравнивание: суб;
}
img.e {
vertical-align: super;
}
Попробуй сам "
Определение и использование
Свойство vertical-align
устанавливает вертикальное выравнивание элемента.
Поддержка браузера
Числа в таблице указывают первую версию браузера, полностью поддерживающую свойство.
Объект | | | | | |
с выравниванием по вертикали | 1,0 | 4,0 | 1,0 | 1,0 | 4,0 |
Синтаксис CSS
вертикальное выравнивание: базовая линия | length | sub | super | top | text-top | middle | bottom | text-bottom | initial | наследовать;
Стоимость недвижимости
Значение | Описание | Играй |
базовый | Элемент выровнен по базовой линии родительского элемента.Это значение по умолчанию | Играй » |
длина | Поднимает или опускает элемент на указанную длину. Допускаются отрицательные значения. Подробнее о единицах длины | Играй » |
% | Поднимает или опускает элемент в процентах от "line-height". свойство. Допускаются отрицательные значения | Играй » |
переходник | Элемент выровнен по базовой линии нижнего индекса родительского | Играй » |
супер | Элемент выровнен по базовому верхнему индексу родительского элемента | Играй » |
верх | Элемент выровнен по верхнему краю самый высокий элемент на линии | Играй » |
текст вверху | Элемент выровнен по верхнему краю шрифт родительского элемента | Играй » |
средний | Элемент помещается в середину родительского элемента | Играй » |
нижняя | Элемент выровнен по нижний элемент в строке | Играй » |
текст снизу | Элемент выровнен по нижняя часть шрифта родительского элемента | Играй » |
начальный | Устанавливает для этого свойства значение по умолчанию.Читать про начальные | Играй » |
наследовать | Наследует это свойство от своего родительского элемента. Читать про наследство | |
Связанные страницы
Учебник
CSS: Текст CSS
Ссылка на HHTML DOM: свойство verticalAlign
.
CSS свойство line-height
Пример
Установите высоту строки для разных элементов
: div.a {
line-height: normal;
}
див.б {
высота строки: 1,6;
}
div.c {
line-height: 80%;
}
div.d {
line-height: 200%;
}
Попробуй сам "
Дополнительные примеры "Попробуйте сами" ниже.
Определение и использование
Свойство line-height
определяет высота строки.
Примечание: Отрицательные значения не допускаются.
Поддержка браузера
Числа в таблице указывают первую версию браузера, полностью поддерживающую свойство.
Объект | | | | | |
высота строки | 1,0 | 4,0 | 1,0 | 1.0 | 7,0 |
Синтаксис CSS
высота строки: нормальный | номер | длина | начальная | наследование;
Стоимость недвижимости
Значение | Описание | Играй |
нормальный | Нормальная высота строки. Это по умолчанию | Играй » |
номер | Число, которое будет умножено на текущее font-size для установки высоты строки | Играй » |
длина | Фиксированная высота строки в пикселях, точках, см и т. Д. | Играй » |
% | Высота строки в процентах от текущего шрифта размер | Играй » |
начальный | Устанавливает для этого свойства значение по умолчанию. Читать про начальный | Играй » |
унаследовать | Наследует это свойство от своего родительского элемента.Читать про наследство | |
Другие примеры
Пример
Установите высоту строки в пикселях и сантиметрах для разных элементов
: div.a {
высота строки: 10 пикселей;
}
div.b {
line-height: 30px;
}
div.c {
line-height: 0,5 см;
}
div.d {
line-height: 1 см;
}
Попробуй сам "
Пример
Установите высоту строки как число для разных элементов
: div.a {
line-height: 0,5;
}
div.b {
line-height: 1,6;
}
div.c {
высота строки: 2;
}
Попробуй сам "
Связанные страницы
Учебник
CSS: Текст CSS
Ссылка
HTML DOM: lineHeight свойство
.