Как уменьшить расстояние между строчками в Ворде? Форматирование HTML-абзаца

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

Задаем настройки по умолчанию (первый способ)

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

Итак, как изменять Первый способ будет универсальным для всех версий программы. Но, в отличие от следующего, он будет более сложный. Так что советуем дочитать статью до конца, чтобы подобрать способ под себя.

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

Как только вы это сделаете, появится окно настроек - перейдите во вкладку "По умолчанию". В ней обратите внимание на пункт "Интервал", в правой части вы можете задать Можете воспользоваться шаблонами в выпадающем списке или же ввести вручную, в поле правее. Это и есть первый способ, По окончании не забудьте выбрать "В новых документах, использующих этот шаблон" и нажать кнопку "ОК".

Задаем настройки по умолчанию (второй способ)

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

Вам, как и в прошлый раз, нужно создать новый документ и открыть вкладку "Главная". Только теперь отыщите графу "Абзац". В ней нажмите такую же стрелочку в правом нижнем углу графы. Перед вами появится окно, похожее на предыдущее. В нем также есть пункт "Интервал", в нем с правой стороны можно задать межстрочный интервал. Сделайте это, а затем нажмите на кнопку "По умолчанию". В окне, которое потом появится, выберите "Всех документов, основанных на шаблоне Normal" и нажмите "ОК". Теперь при создании новых документов у вас будет автоматически выбран выставленный вами межстрочный интервал.

Выбераем интервал в пару кликов мыши

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

Кстати, если вы задаетесь вопросом о том, как изменить интервал между строками в "Ворде" в таблице, то все вышеприведенные способы работают и в этом случае, только перед началом выделите нужную область таблицы.

Работая со стилем для текста, вы можете устанавливать необходимые расстояния между символами, словами и строками. Задаются такие расстояния в любых единицах измерения CSS, будь-то px , pt , em или другое. Исключением являются проценты – с их помощью можно задать расстояние между строками (интерлиньяж), но они не работают при установке интервала между символами или словами.

Межсимвольный интервал CSS: letter-spacing

Задать межсимвольный интервал можно с помощью свойства CSS letter-spacing. Помимо обычных значений (положительных и отрицательных) также можно использовать значения inherit (чтобы наследовать значение у родителя) и normal (если необходимо вернуть нормальное расстояние между символами).

Пример записи межсимвольного интервала:

P { letter-spacing: 2em; }

Интервал между словами: word-spacing

Свойство CSS word-spacing отличается от предыдущего тем, что устанавливает расстояние между словами, а не между символами. Для данного свойства тоже предусмотрены значения normal и inherit . Можно задавать отрицательные значения. Ниже показан пример записи стиля:

P { word-spacing: 6px; }

Межстрочный интервал: line-height

С помощью свойства CSS line-height можно задавать расстояние между строками текста. Как было сказано в начале темы, для установки интерлиньяжа, помимо других единиц измерения, допускается использовать проценты. Также разрешено записывать значение в виде множителя (числа больше 0): для вычисления расстояния браузер умножит размер шрифта на заданное число. Отрицательные значения не работают. Доступны значения normal и inherit .

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

P { line-height: 180%; }

На скриншоте можно увидеть, как выглядит текст со всеми тремя свойствами:

Скриншот: интервалы в CSS

Итоги

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

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

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

      Лишние абзацы

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

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

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

      Проблема с интервалом

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

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

      Если у вас последняя версия "Ворда", то данные манипуляции необходимо проделывать во вкладке "Дизайн", в разделе "Форматирование документа". Инструмент называется "Интервал между абзацами".

      Проводим полную настройку: открываем "Абзац"

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

      Для начала вам нужно выделить ту область текста, которую вы собираетесь изменять. После этого войдите во вкладку "Главная", а в ней, в разделе "Абзац", нажмите на пиктограмму со стрелочкой, направленной в правый нижний угол. Сама пиктограмма расположена в правом нижнем углу раздела.

      Проводим полную настройку: выставляем значение

      Как только вы это сделаете, перед вами появится окно настроек "Абзац". В нем сразу обратите внимание на раздел "Интервал". Именно в нем и проводятся все нужные нам настройки. Вы можете изменить интервал между абзацами и между строк самого абзаца. Чтобы выполнить первое, используйте счетчик рядом со словами "Перед:" и "После:".

      В том случае, когда вы хотите полностью убрать интервал, ставьте "0". Если же вы хотите убрать интервал между самими строками, то используйте выпадающий список справа. Вы можете использовать пресеты (одинарный, 1,5 строки, двойной, минимум, точно и множитель) или же ввести значение вручную в поле "значение:".

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

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

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