Расстояние между строчками css. Изменив расстояние между строчками css кода, вы сможете оформить ваш текст красиво и читабельно

В программе Microsoft Word, как и в большинстве текстовых редакторов, задан определенный отступ (интервал) между абзацами. Это расстояние превышает расстояние между строками в тексте непосредственно внутри каждого абзаца, а необходимо оно для лучшей читабельности документа и удобства навигации. Кроме того, определенное расстояние между абзацами является необходимым требованием при оформлении документов, рефератов, дипломных работ и прочих не менее важных бумаг.

Для работы, как и в случаях, когда документ создается не только для личного пользования, эти отступы, конечно, нужны. Однако, в некоторых ситуациях может возникнуть необходимость уменьшить, а то и вовсе убрать установленное расстояние между абзацами в Ворде. О том, как это сделать, мы расскажем ниже.

1. Выделите текст, интервал между абзацами в котором вам нужно изменить. Если это фрагмент текста из документа, используйте мышку. Если же это все текстовое содержимое документа, используйте клавиши “Ctrl+A” .

2. В группе “Абзац” , которая расположена во вкладке “Главная” , найдите кнопку “Интервал” и нажмите на небольшой треугольничек, расположенный справа от нее, чтобы развернуть меню данного инструмента.

3. В появившемся окошке выполните необходимо действие, выбрав одних из двух нижних пунктов или оба (это зависит от ранее установленных параметров и того, что вам необходимо в результате):

  • Удалить интервал перед абзацем;
  • Удалить интервал после абзаца.

4. Интервал между абзацами будет удален.

Изменяем и выполняем точную настройку интервалов между абзацами

Метод, который мы рассмотрели выше, позволяет быстро переключаться между стандартными значениями интервалов между абзацами и их отсутствием (опять же, стандартным значением, установленным в Ворд по умолчанию). Если же вам нужно выполнить точную настройку этого расстояния, задать какое-то свое значение, чтобы оно, к примеру, было минимальным, но все же заметным, проделайте следующие действия:

1. С помощью мышки или кнопок на клавиатуре выделите текст или фрагмент, расстояние между абзацами в котором необходимо изменить.

2. Вызовите диалоговое окно группы “Абзац” , нажав на маленькую стрелочку, которая расположена в правом нижнем углу этой группы.

3. В диалоговом окне “Абзац” , которое откроется перед вами, в разделе “Интервал” задайте необходимые значения “Перед” и “После” .

    Совет: Если это необходимо, не покидая диалогового окна “Абзац” , вы можете отключить добавление интервалов между абзацами, написанными в одном стиле. Для этого установите галочку напротив соответствующего пункта.
    Совет 2: Если вам не нужны интервалы между абзацами вообще, для интервалов “Перед” и “После” задайте значения “0 пт” . Если интервалы нужны, хоть и минимальные, задайте значение больше 0 .

4. Интервалы между абзацами изменятся или исчезнут, в зависимости от заданных вами значений.

    Совет: Если это необходимо, вы всегда можете установить заданные вручную значения интервалов в качестве параметров по умолчанию. Для этого достаточно в диалоговом окне “Абзац” нажать на соответствующую кнопку, которая расположена в его нижней части.

Аналогичные действия (вызов диалогового окна “Абзац” ) можно проделать и через контекстное меню.

1. Выделите текст, параметры интервалов между абзацами в котором требуется изменить.

2. Кликните правой кнопкой мышки по тексту и выберите пункт “Абзац” .

3. Задайте необходимые значения, чтобы изменить расстояние между абзацами.

На этом мы можем закончить, ведь теперь вы знаете, как в Ворде изменить, уменьшить или удалить интервалы между абзацами. Желаем вам успехов в дальнейшем освоение возможностей многофункционального текстового редактора от компании Microsoft.

Офисный пакет от Microsoft широко распространен, а его формат DOC практически стал стандартом оформления текстовых документов. К сожалению, большинство пользователей заканчивает свое знакомство с этим текстовым процессором научившись менять гарнитуру шрифтов и освоив его выравнивание на странице.

Между тем, во многих организациях существуют правила работы с текстовыми документами, которыми предписываются определенные параметры их оформления. Обычно они определяют тип шрифта , используемого по умолчанию и необходимый межстрочный интервал в документе.

Изменение межсимвольного расстояния , называемое еще кернингом , требуется в основном для придания форматируемому тексту более гармоничного и эстетически законченного вида. Основная область его применения – типографика , или художественная верстка .

Как изменить и настроить межстрочный интервал

Для изменения межстрочного интервала в Word предусмотрено несколько способов :

Последний пункт вызывается по нажатию правой кнопки мыши и позволяет регулировать межстрочные расстояния вручную в широком диапазоне величин.

Значения межстрочного интервала

Межстрочный интервал представляет собой расстояние между гипотетическими линиями, проходящими через середину букв в строчках и по умолчанию равен размеру шрифта. Стандартные размеры , доступные в Word, составляют 1, 1,15, 1,5, 2 и 3 значения этого расстояния.

Выпадающий список, в пункте «Абзац », позволяет применять в тексте варианты межстрочного интервала отличные от указанных. Кроме стандартного набора из одинарного, полуторного и двойного здесь можно найти еще следующие:


Изменяем межбуквенный интервал

Каждому символу, в любом шрифте, выделяется определенное пространство, но, в зависимости от начертания, буквы могут заполнять его по-разному. Для точной регулировки занимаемого ими пространства и используют кернинг . В Word он может задаваться в трех различных вариантах. Кроме стандартного, доступен разреженный и уплотненный .

Регулировка осуществляется с шагом в 0,1 пункта. Доступ к этому параметру можно осуществить двумя способами:


Для придания тексту эстетически законченного вида, иногда требуется применить визуальное разделение между абзацами. Нажатие на клавишу Enter , используемое обычно для этой операции, не дает такого эффекта, поскольку просто переводит курсор на следующую строку. Войти в меню редактирования можно двумя способами:

  • Используя контекстное меню «Абзац » вызываемое по нажатию правой копки мышки;
  • Используя группу команд «Абзац » на вкладке «Главная » Word.

В обоих случаях открывается дополнительное окно, в котором используя сектор «Интервал » можно задать отступ перед и после абзаца. Регулировка, независимо от выбранной гарнитуры шрифта, выполняется с фиксированным шагом в 6 пунктов.

Чтобы уменьшить междустрочные интервалы, в ворде имеется масса функциональных возможностей. Используйте их, и «расчешите» свой текстовый документ.

При работе с текстовыми документами большого объема может возникать много мелких помарок, которые затем портят внешний вид текста. Чтобы это исправить, может потребоваться узнать, как уменьшить расстояние между строк. Это неложная процедура, выполнить которую в ворд 2007 и 2010 сможет даже человек, мало разбирающийся в форматировании текста.

Способы удаления интервалов

Сначала посмотрите, не установлен ли между строчками лишний символ абзаца. Чтобы проверить это, есть два варианта: визуальный или программный.

  1. С первым все понятно – вам нужно просто посмотреть, нет ли где лишнего абзаца;
  2. В случае с программным вариантом подразумевается использование встроенной функции Ворда. Она может показать знаки, которые в обычном тексте не видны. О ней поговорим подробнее.

Функция неотображаемых символов

Неодинаковые интервалы между строками и абзацами лучше всего удалять с использованием данного средства диагностики. Это ускоряет время редактирования текста в ворде 2007 и ворде 2010.

Чтобы найти интервалы, на панели управления на вкладке «Главная» найдите раздел «Абзац». Затем нажмите кнопку с таким значком «¶». Это значок отображаемых символов. Активировав функцию, вы увидите, как между пробелами появилась точка. Будут видны и другие символы, в том числе знаки абзаца. Это очень полезная опция. Она не меняет текст в печатном формате, зато позволяет более тщательно изучить текст перед отправкой на печать.

Если расстояние между строк слишком большое, возможно, между ними стоят интервалы. Откройте вкладку «Главная» и в меню «Стили» установите значение «Без интервалов». Если данная опция не видна, значит, она не отображается на панели задач. Чтобы ее открыть, щелкните по кнопке со стрелкой и выберите необходимый пункт.

Если необходимо уменьшить расстояние между строками в середине абзаца, выделите необходимый фрагмент. Чтобы сделать это, не обязательно использовать левую клавишу мыши, как многие привыкли. Достаточно удерживать клавишу «Shift» и передвигать курсор стрелками «вправо»/«влево». Если необходимо выделить весь текст, на вкладке «Главная» откройте меню «Редактирование» и щелкните по кнопке «Выделить все».

Выделив необходимый фрагмент на вкладке «Разметка страницы», выберите пункт с маленьким значком стрелки. Можно сделать по-другому: кликнуть правой клавишей мышки по тексту и из открывшегося меню выбрать раздел «Абзац» (это можно сделать в любой из версий ворда: 2003, 2007, 2010).

Появится окно, в котором перейдите в пункт «Отступы и интервалы». В пункте «Интервал» укажите нужный тип интервала (одинарный, минимум). Можно также выбрать режим «множитель» или «точно», тогда необходимо будет указать значение. Для ввода значения используйте функциональные кнопки «вверх»/ «вниз» прямо в окне или введите его с помощью клавиатуры. Для применения настроек нажмите «ОК». Теперь расстояние между строками будет везде одинаковым.

Описание интервалов

При работе с межстрочным интервалом в ворде 2007 и 2010 вам могут пригодиться следующие знания:

  • «Одинарный» интервал аналогичен самому большому шрифту, который был использован в выделенном фрагменте текста;
  • «Полуторный» – это расстояние, которое превосходит предыдущий интервал в полтора раза;
  • «Двойной» – соответственно, превышает показатели одинарного интервала в 2 раза. То есть, размер шрифта будет в два раза больше, чем максимальный шрифт в выделенном фрагменте;
  • «Минимум» – это минимальное значение. В интервале остается столько места, чтобы в нем могла поместиться буква, соответствующая шрифту в тексте;
  • «Точно» – вы можете сами настроить значение интервала;
  • «Множитель» – данное расстояние пропорционально определенному коэффициенту. В соответствии с ним интервал будет уменьшаться или увеличиваться. Например, если вы задали множитель 1,4, то расстояние между строк увеличится на 40%.

Удаление интервалов между строк в ворде 2007 и 2010 – рутиная процедура, выполнить которую может даже человек, только что установивший Ворд на свой компьютер. Используя настройку интервалов, вы быстро отредактируете документ в соответствии со своими потребностями. А при помощи функции неотображаемых символов вы сможете уменьшить расстояния между строк.

Уменьшение расстояние между строк в текстовом редакторе Ворд требуется практически каждому второму пользователю. Для чего это нужно? В первую очередь, чтобы уменьшить объем написанного текста, сделать его более аккуратным и привлекательным на вид. В нашей статье мы расскажем, как уменьшить расстояние между строками в Ворде, применяя несколько простых и доступных способов. Здесь же вы найдете способ, как изменить интервал между строк в Ворде, используемом на компьютерах Mac.

Расстояние между строк в Ворде принято называть междустрочным интервалом. Программа Ворд предусматривает, что он может быть различным по своему размеру. Поэтому сегодня мы узнаем, как его можно изменить, сделать не только меньше, но и больше.

Как уменьшить расстояние между строками в Ворде 2007 года?

Первый способ – очень прост. Чтобы изменить междустрочный интервал для начала требуется выделить нужный абзац, либо весь текст при помощи выделения мышкой или нажатия комбинации клавиш Ctrl+A. Когда весь текст будет выделен – находим на панели инструментов значок «Междустрочный интервал», выглядит он следующим образом:

Как вы заметили, в этом пункте предлагается несколько вариантов междустрочных интервалов. Также пользователь может указать свой размер расстояния между строками в Ворде, для этого он должен нажать на пункт «Другие варианты междустрочных интервалов». Обращаясь к данному способу, интервал между строк можно не только уменьшить, но и увеличить.

Как уменьшить расстояние между строками в Word: способ № 2?

Способ, о котором сейчас пойдет речь, позволяет внести изменения в отдельных абзацах текста. Делается это через контекстное меню. Как это сделать?

  1. Для начала выделяем абзац, где нужно изменить междустрочный интервал.
  2. Далее – жмем правой кнопкой мышки и выбираем пункт «Абзац».
  3. На экране появится окно, где пользователь сможет самостоятельно задать значение расстояния между строками в Вордовском документе.

Уменьшаем интервал между строк в Word 2003

В данном разделе мы разберем способ, как уменьшить расстояние между строками в Ворде . Здесь тоже нет ничего сложного.

Мы также выделяем нужный абзац или весь текст (опять же используя прокрутку или комбинацию двух клавиш), а затем находим раздел «Абзац», но уже в разделе «Формат», который расположен на панели инструментов. Здесь пользователь также сможет самостоятельно задать размер междустрочного интервала. После – необходимо нажать кнопку ОК.

Способ для Mac

В данном разделе мы рассмотрим способы, как уменьшить междустрочный интервал в Ворде, используемом на компьютерах Mac.

Первый способ актуален для тех, кто предпочитает в работе программу Ворд 2011 года. Итак, как изменить расстояние между строк? Выделяем абзац, который нужно изменить. Далее на панели инструментов, на вкладке «Главная» находим значок «Междустрочного интервала» и задаем нужный нам размер. Кстати, если вы захотите поменять интервал между абзацами, то их необходимо выделить, а затем во вкладке «Главная»- «Абзац» выбрать пункт «Другие варианты междустрочных интервалов». Все, что нужно это выбрать нужный размер интервала между абзацами в графах «Перед» и «После».

Если же вы предпочитаете работать в более новой версии текстового редактора, например 2016 года. То второй способ изменение междустрочного интервала – подойдет для вас. Первое что нужно сделать – это зайти во вкладку «Дизайн». Затем пользователь должен выбрать пункт под названием «Интервал между абзацами». Программа предложит на выбор несколько вариантов: «сжатый», «узкий», «открытый», «свободный» и т.д.

Кстати, в Ворде для Mac можно использовать и вышеописанные способы, которые используют пункт «Междустрочный интервал». Алгоритм действий практически ничем не отличается. Пользователь выделяет нужный абзац или весь текст, а затем нажимает на значок и выбирает необходимый размер интервала, размещенного между строк.


Кстати, если вы создаете новый документ, то настроить интервалы между строк и абзацев можно настроить в шаблоне Нормал. Если задать все необходимые параметры, то документы будут создаваться именно с ними. Здесь можно задать как параметр для междустрочного интервала, так и изменить размер интервалов между абзацами в созданном вордовском документе.

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

Чтобы изменить расстояние между строками в HTML , вам не нужно забивать шпоны. Вам нужно всего лишь к объекту, в котором вы хотите это расстояние отрегулировать, например, к абзацу текста (тег ) или к блочному элементу (

), применить CSS-свойство line-height . Свойство может применяться ко всем тегам HTML .

Значение у line-height можно задавать в процентах, множителем, единицами измерения (пиксели (px), пункты (pt), пайки (pc) и т.д.), а также оно может принимать значение normal и inherit.

При normal расстояние между строками вычисляется браузером автоматически по своим соображениям, при inherit - наследуется значение родительского элемента, т.е. тега, в который данный тег вложен.

Черкнем несколько строк на HTML.

Вот так выглядит в браузере расстояние между строками в абзаце со значением 1 (т.е. одинарный интерлиньяж) и 70% у заголовка (заметьте что при расчете в % за 100% берется высота шрифта):

Если мы зададим line-height для тега

, окутывающего и заголовок, и абзац, а у них, соответственно, это свойство уберем, то получится:

Если мы поставим line-height = 0.4, получится экспонат отрицательного интерлиньяжа:

Зачем же вообще с расстоянием между строками что-то делают? Из-за вредности? От нечего делать?

Правильно подобранное расстояние между строками может повысить читабельность текста, а это очень важный аспект в веб-дизайне, в книгопечатании и во всем, что связано с текстом. Согласитесь, что когда мы во втором примере увеличили расстояние между строками, текст стало приятнее читать, не так ли? Но это совсем не значит, что чем больше интерлиньяж, тем выше удобочитаемость текста. После какого-то определенного момента строки начинают слишком далеко стоять друг от друга, глазу становится труднее переходить от одной к другой, и при чтении возникает дискомфорт. Помните о золотой середине.

Интерлиньяж

Множество людей, включая дизайнеров, думают, что типографика – это только выбор гарнитуры, размера шрифта и того, должен ли он быть нормальным или полужирным. Для большинства людей на этом все и заканчивается. Но для получения хорошей типографики нужно гораздо больше и как правило это детали, которые дизайнеры часто игнорируют.
Эти детали дают дизайнеру полный контроль, позволяет ему создавать прекрасные и последовательные с точки зрения типографики решения в дизайне. Хотя все это применимо для различных типов носителей, в этой статье мы сосредоточимся на том, как их применить к веб-дизайну с использованием CSS. Вот 8 простых путей с помощью CSS улучшить типографику и, следовательно, общее удобство дизайна.

1. Размеры

Размер наборной строки. Для глаза читателя, длинные или короткие строки утомительны. Длинные – разрушают ритм, так как читателю трудно найти следующую строку текста. Единственная ситуация, в которой приемлемы короткие строки – малое количество текста. Для наилучшей читабельности длина строки должна быть между 40 и 80 символами, включая пробелы. Для дизайна с одной колонки текста 65 символов – идеальны.

Простой способ вычислить длину строки – использовать метод Роберта Брингхарста (Robert Bringhurst’s), который умножает размер шрифта на 30. То есть, если размер шрифта 10px, умножая его на 30 получим 300px или, приблизительно, 65 символов в строке. Код будет выглядеть приблизительно как:
p {
font-size: 10px;
max-width: 300px;
}
Я использую px так как это значительно упрощает расчеты, но можно использовать и em.

2. Интерлиньяж

Интерлиньяж это пространство между строками текста в теле заметки и оно играет большую роль для читабельности. Правильное разделение строк, позволяет читателю проще следить за строкой и улучшает внешний вид текста. Интерлиньяж так же изменяет типографический цвет текста, который является плотностью или же тоном композиции.
На интерлиньяж влияет множество факторов: гарнитура, размер шрифта, его полнота, обстоятельства(?) , длина строки, расстояние между словами и т.д. Чем длиннее строка, тем больше интерлиньяж. Чем больше размер шрифта, тем меньше интерлиньяж. Хорошее правило – устанавливать интерлиньяж на 2-5pt больше, чем размер шрифта , в зависимости от гарнитуры. Так что если шрифт 12pt, то для веб интерлиньяж должен быть в 15pt или 16pt.

Определение верного интерлиньяжа требует определенной ловкости, но ниже приведен пример того, на что должен быть похож ваш код:
body {

font-size: 12px;
line-height: 16px;
}

3. Обработка кавычек

Обработка кавычек должна проводиться на полях текста. Если кавычки сливаются с текстом, то они разрывают левое поле и нарушают рифму блока текста. Обработка кавычек не нарушает выравнивания по левому краю и баланса и поэтому – улучшает читабельность.

Это легко достигается с помощью CSS, используя элемент blockquote:
blockquote {
text-indent: -0.8em;
font-size: 12px;
}

Отрицательный отступ будет зависеть от гарнитуры, размера шрифта и полей.

4. Вертикальный ритм

Сетка базовых линий это основа постоянного типографического ритма на странице. Он позволяет читателям легко следить за текстом, что в свою очередь увеличивает читабельность. Постоянный ритм в вертикальном пространстве удерживает текст на постоянной сетке так, что пропорции и баланс сохраняются неизменными по всей странице вне зависимости от размера шрифта, интерлиньяжа или длинны строки.

Для того что бы поддерживать вертикальный ритм с помощью CSS, нужно, что бы расстояние между элементами и межстрочное расстояние (интерлиньяж) был равен размеру сетки базовых линий. Допустим, вы используете 15px сетку базовых линий , подразумевая, что между каждой линией сетки 15px. Интерлиньяж будет 15px и расстояние между параграфами тоже будет 15px. Вот пример:
body {
font-family: Helvetica, sans-serif;
font-size: 12px;
line-height: 15px;
}

P {
margin-bottom: 15px;
}

Это позволяет каждому параграфу располагаться на сетке, сохраняя вертикальный ритм текста.

5. Верхние и нижние висячие строки

Верхняя висячая строка - строка текста или слово в конце параграфа. Нижняя висячая строка - слово или короткая строка текста в начале или конце колонки, которая отделена от всего остального текста. Верхние и нижние висячие строки образуют неуклюжие куски, прерывают взгляд читателя и влияют на читабельность. Этого можно избежать увеличив размер шрифта, интерлиньяж, длину строки, расстояние между словами и межбуквенное расстояние или вводя вручную разрывы строки.

К несчастью, нет простого способа предотвратить висячие строки с помощью CSS. Один из способов от них избавится был описан выше, еще один - jQWidon’t , плагин для jQuery, который размещает неразрывные пробелы между последними двумя словами элемента.

6. Выделение

Важно выделять слова не отвлекая читателя . Курсивное начертание часто рассматривается как идеальная форма выделения. Некоторые другие распространенные формы выделения: полужирное начертание, заглавные буквы, капитель, размер шрифта, цвет, подчеркивание или другая гарнитура. Не важно, какой вы воспользуетесь, постарайтесь использовать только одну. Такие комбинации как капитель – полужирное – курсивное начертание отвлекают и смотрятся неуклюже.

Вот несколько способов выделения с помощью CSS:
span {
font-style: italic;
}

H1 {
font-weight: bold;
}

H2 {
text-transform: uppercase;
}

B {
font-variant: small-caps;
}
Имейте в виду, что font-variant работает только в случае, если шрифт поддерживает капитель.