Как настроить смартфоны и ПК. Информационный портал
  • Главная
  • Windows 7, XP
  • Как уменьшить расстояние между строчками в Ворде? CSS межстрочный интервал: варианты решений.

Как уменьшить расстояние между строчками в Ворде? CSS межстрочный интервал: варианты решений.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Всем привет и доброго времени суток! Я активно использую в своей профессиональной деятельности текстовый редактор Word и на текущий момент уже достаточно хорошо обучился работе с этой программой. Но были времена, когда я попросту не знал, как и что нужно сделать, чтобы привести набранный текст в красивый и аккуратный вид. Причин, по которым текст может смотреться некрасиво – предостаточно, но сильнее всего портят впечатление и целостность текста именно чрезмерно большие межстрочные интервалы или промежутки между абзацами. Как уменьшить это расстояние при помощи инструментов Ворд – ниже распишу пошаговую инструкцию.

Как убрать интервал между строками в Ворде: простая инструкция

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

  1. В первую очередь стоит убедиться в том, что между строчками вашего документа, набранного в редакторе, не установлен лишний символ абзаца. Текст можно оценить как визуально, так и при помощи специального режима просмотра, который будет отображать и абзацы, и иные символы форматирования. Для этого откройте вкладку «Главное», выберите подвкладку «Абзац» и затем кликните по кнопочке с символом «¶». Итог манипуляций – в тексте высветятся все лишние абзацы, которые вы можете, смело удалить.
  2. Если ваша задача состоит в том, чтобы убрать бросающийся в глаза интервал между последней строчкой одного абзаца и первой строкой абзаца последующего, то действовать нужно таким образом: заходите во вкладыш «Главная», выбирайте раздел «Стили» и кликайте по стилю, который обозначается как «Без интервалов».
  3. Уменьшить расстояние между строчками в самом абзаце в документе Ворд можно так: выделяйте курсором нужный текстовый фрагмент и затем открывайте вкладыш «Разметка страницы», щелкайте на кнопочку «Абзац», после чего откроется окошко. В этом окошке нужно выбрать вкладочку «Отступы и интервалы» и выбрать тот, который будет отвечать вашим требованиям. В этом же окошке можно выполнить и обратные действия, то есть увеличить интервал между строками.

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

Довольно часто у начинающих верстальщиков возникают проблемы при освоении каскадных таблиц стилей (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; }

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

      Свойство 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; }

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

Лучшие статьи по теме