Ростелеком

Как добавить расстояние между строками html. Как уменьшить расстояние между строчками в Ворде

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Microsoft Office Word - универсальная офисная программа, позволяющая работать с текстом. Абсолютно все документы печатаются с помощью этого текстового редактора. Он имеет гораздо больше возможностей, чем блокнот. В нём можно выполнять следующие виды работ:

  1. Создание обыкновенных текстовых документов.
  2. Занятие писательской деятельностью.
  3. Изготовление брошюр, листовок и объявлений.
  4. Дизайн и вёрстка документа.

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

Как изменить интервал между строками в ворде

Все пользователи этого текстового редактора меняют межстрочный интервал с разными целями:

  1. Неотредактированный текст смотрится некрасиво.
  2. Требования к оформлению текста на работе или в университете. Они должны соответствовать ГОСТам.
  3. Индивидуальные требования заказчика к оформлению текста.

Начинать следует с проверки документа на наличие в нём лишних знаков пробела между абзацами. Для этого перейдите по вкладке «Главная» раздела «Абзац» и нажмите на кнопку, расположенную в правом верхнем углу этого раздела. Лишние знаки будут обозначены знаком, нарисованным на этой кнопке. После того как вы их удалите, текст будет более приятным на вид.

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

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

Обычно, в различных отчётах и студенческих работах требуют устанавливать одинарный или полуторный межстрочный интервал. А также можно установить его значение в окошке «Множитель», вписав туда нужное число. Чтобы сохранить установленные настройки, нажмите кнопку «Ок».

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

Виды межстрочных интервалов

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

Как правило, почти во всех версиях Word минимальное расстояние между строчками равняется 0,8–0,9 строки. Дальше символы начинают уже искажаться, но разобрать текст всё равно можно. Работа с текстовым документом становится невозможной при установлении межстрочного интервала с множителем 0,3.

Изменение интервала в более старых версиях ворда

Более старые версии этой программы - это версии, которые старше 2007 года. То есть Word 2003, word 2000, и так далее. Для того чтобы сделать изменить интервал в этих версиях , необходимо проделать следующие шаги:

  1. Зайти на вкладку «Формат».
  2. Из выпавшего списка перейти в пункт «Абзац».
  3. Далее, всё точно так же, как и в новейших версиях ворда.

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

Не стоит оставлять лишние пробелы между словами . Их нужно убирать. Они незаметны для человека, только что набиравшего этот текст, но их всё равно лучше убрать. Чтобы их найти, можно воспользоваться любым сервисом проверки текста на орфографические ошибки. В этих сервисах лишние пробелы будут выделены как ошибка. Если это нужно, сделайте отступы для красной строки. Такие тексты гораздо лучше выглядят.

Государственные стандарты по оформлению текста требуют не только установить нужный межстрочный интервал, но и другие параметры:

  • Настраиваемые поля.
  • Выравнивание и уровень.
  • Отступы и интервалы.
  • Размер шрифта.

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

Теперь вы знаете, как уменьшить расстояние между соседними строчками в текстовых документах программы Word. Поэтому не стоит лениться их оформлять. Раньше люди набирали тексты на печатных машинках. У них не было возможности оформить текст, и даже исправить ошибку. Им приходилось довольствоваться тем, что есть. При этом они даже мечтать не могли о такой программе, как Word. Поэтому пользуйтесь такой возможностью, пока она есть, и правильно оформляйте текстовые документы!

Довольно часто у начинающих верстальщиков возникают проблемы при освоении каскадных таблиц стилей (CSS). Не исключением является работа с межстрочными интервалами в CSS. Межстрочный интервал - это расстояние между строчками по вертикали. Как и в обычном документе Microsoft Word, в тексте html-файла тоже можно изменять этот параметр.

Использование line-height при изменении интервала

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

В CSS межстрочный интервал может задаваться в разных единицах длины: пункты (pt), дюймы (in), пиксели (px) и проценты (%). Процент рассчитывается относительно текущего шрифта, и по умолчанию его значение равняется 100 %. Не стоит забывать, что свойство line-height заимствует значение свойства inherit у своего родительского элемента.

Приведем несколько примеров, как увеличить межстрочный интервал в CSS:

Процесс работы с межстрочными интервалами достаточно прост. У вас должны быть начальные знания CSS и умение подключать файл к главной странице html. Стили также можно задавать прямо на html-странице:

Чтобы в данном предложении сделать полуторный интервал, необходимо в файле CSS добавить такой код:

line-height: 1.5;

Для того, чтобы сделать двойной интервал, можно прописать такой код:

line-height: 200%;

В обоих случаях браузер будет понимать, что нужно текущий шрифт умножить на 2. Это значение и будет межстрочным интервалом.

Теперь приведем пример, как уменьшить межстрочный интервал (CSS):

Важно помнить, что отрицательное значение line-height просто не воспринимается, поэтому минимальным его значением может быть 0. Для того чтобы получить половинный интервал, необходимо прописать такой код:

line-height: 0.5;

line-height: 50%;

line-height: 0.5pt;

Все 3 варианта корректны и соответствуют всем стандартам W3C, соответственно, будут работать в любой версии браузера.

Использование padding при изменении интервала

Однако помимо изменения свойства line-height, существует еще один способ изменить в CSS межстрочный интервал, это будет "игра" со значениями свойства padding. Стилевое свойство padding отвечает за внутренние отступы в любом html-объекте. По умолчанию данное свойство равняется 0. Подбирая различные значения, можно изменить межстрочный интервал, например:

Работать с межстрочными интервалами очень просто. Достаточно знать основы CSS и уметь подключать файл к основной странице html. Также его можно задать непосредственно на странице с расширением html.

Для увеличения межстрочного интервала увеличиваем значение свойства:

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

Отрицательное значение межстрочного интервала

Если вы заметили, также не позволяется вводить отрицательные значения, чтобы не получалось наложения строк друг на друга. В CSS межстрочный интервал не может иметь отрицательного значения. С точки зрения соблюдения правил написания кода и стандартов W3C, вы никогда не сможете прописать отрицательные значения в значениях межстрочного интервала.

Изменение межстрочного интервала в списках

Иногда возникает задача изменить межстрочные интервалы в списках

    и
      . Предыдущие методы не приведут к нужному результату, однако есть одно свойство, которое может изменить интервал в списке - это свойство - margin. Данное стилевое свойство может быть как с положительным, так и отрицательным значением. Покажем изменение межстрочного интервала в списке на примере:

    1. Пункт 1
    2. Пункт 2
    3. Пункт 3
    4. Для увеличения отступов нужно в CSS-файле прописать следующие строки:

      margin-top: 10px;

      Таким образом мы указали, что расстояние от каждого пункта списка увеличивается на 10 пикселей. Причем в данном случае возможно и отрицательное значение. Таким образом, мы можем задать: - margin-top: -15px.

      Свойство line-height устанавливает интервал между строками текста (межстрочный интервал). Свойство не задает промежуток между строками текста как могло бы показаться, оно задает высоту линии текста . Это значит, что реальный промежуток между строками будет вычисляться так: line-height - font-size = расстояние между строками текста. Или наоборот line-height = font-size + расстояние между строками текста.

      Свойство line-height иногда используется нестандартным образом для центрирования текста по высоте.

      Синтаксис

      Селектор { line-height: CSS единицы | проценты | множитель | normal | inherit; }

      Значения

      По умолчанию браузер выбирает межстрочный интервал автоматически (normal ).

      Примеры

      Пример

      line-height - font-size = 35px - 13px = 21px:

      P { font-size: 13px; line-height: 35px; }

      Результат выполнения кода:

      Пример

      Уменьшим промежуток до 21px - 13px = 7px :

      P { font-size: 13px; line-height: 21px; }

      Результат выполнения кода:

      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean a dapibus magna, ac interdum nisl. Suspendisse eget fringilla nibh, eu commodo arcu. Donec lacinia tempor velit sed tincidunt. Aliquam porttitor nulla purus, vel vulputate ipsum faucibus sed. Phasellus sodales, lorem vel cursus vehicula, ante purus lacinia dui, interdum fringilla massa eros ut dui.

      Пример

      В данном примере расстояние между строками текста будет line-height - font-size = 13px - 13px = 0px - строки практически слипнуться (хвостики букв верхней строки будут касаться хвостиков букв нижней):

      P { font-size: 13px; line-height: 13px; }

      Результат выполнения кода:

      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean a dapibus magna, ac interdum nisl. Suspendisse eget fringilla nibh, eu commodo arcu. Donec lacinia tempor velit sed tincidunt. Aliquam porttitor nulla purus, vel vulputate ipsum faucibus sed. Phasellus sodales, lorem vel cursus vehicula, ante purus lacinia dui, interdum fringilla massa eros ut dui.

      Пример

      В данном примере значение line-height - множитель 1.5 от размера шрифта. Следовательно line-height будет эквивалентен font-size * 1.5 = 13px * 1.5 = 20px . А реальный промежуток между строками будет line-height - font-size = 20px - 13px = 7px :

      P { font-size: 13px; line-height: 1.5; }

      Результат выполнения кода:

      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean a dapibus magna, ac interdum nisl. Suspendisse eget fringilla nibh, eu commodo arcu. Donec lacinia tempor velit sed tincidunt. Aliquam porttitor nulla purus, vel vulputate ipsum faucibus sed. Phasellus sodales, lorem vel cursus vehicula, ante purus lacinia dui, interdum fringilla massa eros ut dui.

      Пример

      Увеличим множитель:

      P { font-size: 13px; line-height: 2.5; }

      Результат выполнения кода:

      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean a dapibus magna, ac interdum nisl. Suspendisse eget fringilla nibh, eu commodo arcu. Donec lacinia tempor velit sed tincidunt. Aliquam porttitor nulla purus, vel vulputate ipsum faucibus sed. Phasellus sodales, lorem vel cursus vehicula, ante purus lacinia dui, interdum fringilla massa eros ut dui.

      Пример

      Если сделать line-height меньше font-size , то строки вообще налезут друг на друга:

      P { font-size: 13px; line-height: 9px; }

      Результат выполнения кода.

      Чтобы изменить расстояние между строками в 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 работает только в случае, если шрифт поддерживает капитель.