Какое свойство увеличивает или уменьшает пробел между словами

Категория: Уроки CSS
Просмотров: 3636
Коментариев:
Дата: 2018-08-12
Добавил: admin

Задаем интервалы: между строк, между словами, между буквами и меняем регистр букв средствами CSS.

И так, продолжаем изучать инструменты CSS для оформления текста, и в этом уроке мы рассмотрим еще четыре свойства для текста, которые нужно знать, и которые часто применяются на практике.

line-height: 35px ; — Устанавливает межстрочный интервал
word-spacing: 15px ; — Интервал между словами
letter-spacing: 4px ; — Интервал между буквами
text-transform: uppercase/ lowercase/ capitalize ; — Изменение регистра букв

Межстрочный интервал

Первое свойство, которое мы рассмотрим — это свойство задающие межстрочный интервал. Для этого используется свойство line-height: ;.

Межстрочный интервал

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

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

HTML

<!DOCTYPE HTML PUBLIC «-//W3C//DTD HTML 4.01 Transitional//EN» «https://www.w3.org/TR/html4/strict.dtd»>
<html>
<head>
<meta http-equiv=»Content-Type» content=»text/html; charset=utf-8″>
<title>HTML страница</title>
<link href=»css/fonts.css» type=»text/css» rel=»stylesheet»>
</head>
<body>

Меняем расстояние между строками с помощью свойства line-height: ;

</body>
</html>

И, ниже зададим то самое наше свойство, которое и будет менять расстояние между строками.

CSS

p{
line-height: 25px;
}

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

Также можно увеличивать или уменьшать расстояние между строками с помощью множителя. Если мы используем в качестве значения просто число без обозначений >line-height: 2 ;, то браузер будет воспринимать его как множитель от текущего размера шрифта. То есть, если указана цифра два, то это будет обозначать, что браузеру нужно взять текущий размер шрифта и умножить его на два, что в итоге даст 28px. Это и будет расстояние между базовыми линиями шрифта.

Использование множителя удобно тем, что при изменении шрифта расстояние между строк так же измениться пропорционально. Таким образом, расстояние между строк можно регулировать множителем либо любым другим фиксированным значением px, %, em, pt.

Интервал между словами

Следующее свойство, которое мы рассмотрим это свойство word-spacing: ;, позволяющее изменять расстояние между словами. В этом свойстве используются фиксированные значения, и, уже проценты здесь не подходят.

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

CSS

p{
word-spacing: 15px;
}

Теперь если обновить страницу то между словами увеличится расстояние на 15px.

Имейте ввиду, что если задать свойство text-align: justify; — выравнивание текста по ширине, то свойство word-spacing: ; браузером будет игнорироваться.

Интервал между буквами

Свойство letter-spacing: ; не так актуально и при больших объемах текста редко используется, так как браузер автоматически выбирает оптимальное расстояние между буквами. В основном, применяется это свойство при использовании больших шрифтов в одном двух словах.

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

HTML

</body>
</html>

И задаем само свойство.

CSS

h1{
letter-spacing: 3px;

letter-spacing: -3px;
}

Изменение регистра букв

И, четвертое свойство — это text-transform: ;. Данное свойство изменяет регистр букв.

Бывают такие моменты, когда нужно написать какое-то слово полностью из заглавных букв. Для таких случаев и используется свойство text-transform: ;. Чаще всего используется данное свойство для заголовков.

Написать слово большими буквами можно и напрямую в HTML, но как уже знаем HTML — это только разметка, а оформление создается через таблицу стилей CSS. Поэтому, для этого и используется именно CSS.

HTML

</body>
</html>

Для формирования заглавных букв свойству text-transform: ; задается значение uppercase, что означает upper – верхний и case – регистр.

CSS

H1{
text-transform:uppercase ;
}

Задав такое свойство все заголовки H1 будут отображены в верхнем регистре.

Точно так же, можно и написать слово из маленьких букв, для этого используется значение lowercase, где lower – обозначает нижний и case – регистр.

CSS

H1{
text-transform: lowercase;
}

И, если теперь обновить страницу, то все буквы будут отображены в нижнем регистре.

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

CSS

H1{
text-transform: capitalize;
}

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

На этом все, мы рассмотрели все основные свойства, позволяющие нам изменять внешний вид текста.

Источник

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

выравнивание текста по ширине;
лишние пробелы;
знак табуляции между словами или использование длинных пробелов.

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

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

Выравнивание текста

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

Чтобы это изменить, необходимо сделать следующее:

Выделить необходимый участок текста с помощью мыши или выделить весь текст с помощью сочетания «Ctrl+A».
Нажимаем сочетание клавиш «Ctrl+A» для выделения текста
На панели управления перейти во вкладку «Главная», далее – в раздел «Абзац».
Переходим во вкладку «Главная», затем в раздел «Абзац»
Нажать на левую кнопку «Выравнивание по левому краю» или сочетание клавиш «Ctrl+L».
Нажимаем на левую кнопку «Выравнивание по левому краю» или сочетание клавиш «Ctrl+L»

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

Для этого нужно:

Перейти во вкладку «Разметка страницы».
Переходим во вкладку «Разметка страницы»
Далее – «Параметры страницы».
Переходим в раздел «Параметры страницы»
Далее – «Расстановка переносов».
Нажимаем на пункт «Расстановка переносов»
После выбрать режим «Авто».
Выбираем режим «Авто»

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

Лишние пробелы

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

Во вкладке «Главная» перейти в раздел «Редактирование» и нажать «Заменить».
Во вкладке «Главная» переходим в раздел «Редактирование», нажимаем «Заменить»
В поле «Найти» дважды поставить пробел.
В поле «Найти» дважды ставим пробел
В поле «Заменить на» поставить один пробел.
В поле «Заменить на» ставим один пробел
Нажать на кнопку «Заменить все».
Нажимаем на кнопку «Заменить все»
Повторять пункт 5 до тех пор, пока в появляющемся окне не будет написано «Произведено замен: 0». Так как между словами может быть не два, а три и более пробела.
Добавляем в поле «Найти» 3-4 пробела и нажимаем кнопку «Заменить все», пока результат не будет «Произведено замен: 0»

В этот момент внешний вид документы уже должен улучшиться. Если же все еще имеется лишнее расстояние между словами, то, возможно, в тексте есть специальные символы, которые надо удалить.

Знаки табуляции

Иногда между словами вместо пробелов может стоять табуляция. Чтобы её обнаружить, нужно:

На вкладке «Главная» перейти в раздел «Абзац» и нажать на знак «Абзац», при его нажатии отображаются все скрытые символы. Табуляция будет отображаться как маленькая стрелочка.
На вкладке «Главная» переходим в раздел «Абзац» и нажимаем на знак «Абзац»
Далее необходимо выполнить такую же последовательность действий как при замене двойного пробела на одинарный. Для этого во вкладке «Главная» в разделе «Редактирование» нажать «Заменить».
Во вкладке «Главная» переходим в раздел «Редактирование», нажимаем «Заменить»
В появившемся окне в поле «Найти» вставить знак табуляции. Для этого нужно нажать «Больше».
Нажимаем кнопку «Больше»
Затем – «Специальный».
Внизу окна нажимаем на кнопку «Специальный»
В раскрывшемся меню выбрать «Знак табуляции».
В раскрывшемся меню выбираем «Знак табуляции»
В поле «Заменить на» поставить один пробел.
В поле «Заменить на» ставим один пробел
Нажать «Заменить все».
Нажимаем на «Заменить все»

Специальные символы

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

Далее нужно выполнить уже знакомую последовательность действий:

Перейти в главной вкладке в раздел «Редактирование», выбрать пункт «Заменить».
Во вкладке «Главная» переходим в раздел «Редактирование», нажимаем «Заменить»
В верхнее поле «Найти» вставить неразрывный пробел. Для этого нужно перейти в «Больше» > «Специальный».
Нажимаем кнопку «Больше»
Внизу окна нажимаем на кнопку «Специальный»
Из выпавшего перечня выбрать «Неразрывный пробел».
Из выпавшего перечня выбираем «Неразрывный пробел»
В нижнее поле «Заменить на» вставить одинарный пробел и нажать «Заменить все».
В нижнее поле «Заменить на» вставим одинарный пробел, нажимаем «Заменить все»

Чтобы заменить длинные пробелы на обычные или короткие, нужно:

Скопировать из текста знак длинного пробела.
Выделяем и копируем из текста знак длинного пробела, нажав сочетание клавиш «Ctrl+C»
Вставить в поле «Найти».
Нажав сочетание клавиш «Ctrl+V», вставляем знак длинного пробела в поле «Найти»
Важно! При вставке знак длинного пробела отображаться не будет.
В нижнее поле ввести обычный пробел с помощью клавиши. Нажать «Заменить все».
В нижнее поле вводим обычный пробел с помощью клавиши, нажимаем «Заменить все»
Результат замены длинного пробела на обычный пробел

Важно! Можно заменить обычный пробел, который ставится с помощью клавиатуры, на короткий пробел или ¼ пробела. Но при стандартном размере шрифта (12 пт) разница будет не сильно заметна.

Изменение межбуквенного интервала

Иногда бывает так, что после набора текста на последней странице раздела остается несколько строк, что противоречит правилам вёрстки. По стандартам лист должен быть заполнен минимум на 1/3.

Чтобы это исправить, нужно выполнить последовательность действий:

Выделить последний абзац раздела или лучше весь раздел. Во втором случае изменения будут не так заметны.
Выделим весь раздел, нажав сочетание клавиш «Ctrl+A» или левой кнопкой мыши
Нажать правую кнопку мыши и выбрать пункт «Шрифт».
На выделенном тексте нажимаем правую кнопку мыши и выбираем пункт «Шрифт»
В открывшемся окне перейти во вкладку «Интервал».
Переходим во вкладку «Интервал»
Выбрать «Уплотненный», а в поле со значением вписываем минимальное значение 0,1 пт.
В поле «Интервал» выбираем «Уплотненный», значение выставляем 0,1 пт
Нажимаем «ОК».
Нажимаем «ОК»
Если на листе все еще остался текст, то нужно увеличить размер, пока весь лишний текст не окажется на предыдущей странице.
Если результат остался таким же, открываем окно и ставим значение интервала больше, что бы текст полностью поднялся
Текст поднялся на предыдущую страницу при изменении настройки межбуквенного интервала до нужных параметров

Важно! Этот метод также подходит для заголовков, если одно-два слова перешло на следующую строку. Другой метод: поставить между словами неразрывный пробел, для этого воспользоваться сочетанием клавиш «Ctrl+Shift+Пробел» или специальными знаками во вкладке «Символ».

Специальные знаки находятся во вкладке «Вставка», в разделе «Символы»

Разница между Word 2003 и Word 2007

Информация, представленная в статье, актуальна для версии Word 2007. В таблице представлены различия между версиями текстового редактора при форматировании текста.

Читайте интересную информацию в новой статье — «Как работать в Ворде для чайников».

Действие	Word 2003	Word 2007
Изменение межбуквенного интервала	«Формат» > «Шрифт» > «Интервал». Выберите «Уплотненный», введите значение, нажмите «OК»	«Главная» > «Шрифт» > «Интервал». Выберите «Уплотненный», введите значение, нажмите «OК»
Найти и заменить	«Правка» > «Заменить»	«Главная» > «Редактирование» > «Заменить»
Вставить специальные знаки	«Вставка» > «Символ» > «Специальные знаки»	«Вставка» > «Символы» > «Символ» > «Другие символы» > «Специальные знаки»

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

Также вы можете посмотреть тематическое видео по теме статьи.

Видео — Как убрать в Ворде пробелы между словами

Рекомендуем похожие статьи

Источник

Выравнивание

Самым распространённым вариантом увеличенного интервала между словами является выравнивание текста по ширине страницы. При этом способе выравнивания, дистанция между словами удлиняется на некоторое значение, необходимое для равномерного растягивания строки от края до края страницы или окна (в режиме WEB – документа). Таким методом могут быть выровнены как отдельные блоки, так и весь документ. Особенно сильно это бросается в глаза, при вставке скопированного в браузеретекстового поля или таблицы. Чтобы убрать такие интервалы между элементами предложений только в одном абзаце, выполните следующее:

Переместите курсор в нужный параграф (в любое место абзаца).
Откройте на ленте “Главную” вкладку.
Сосредоточьте внимание на разделе “Абзац”.
Щёлкните подсвеченную оранжевым цветом кнопку “По ширине” или нажмите сочетание горячих клавиш “CTRL+J”. Это сбросит настройку выравнивания в состояние по умолчанию (“По левому краю”).
Если нужно выравнивание “по центру” или “по правому краю”, нажмите на соответствующий значок.

Как уменьшить интервалы между словами во всём документе или в нескольких абзацах? Необходимо сделать то же самое, только предварительно выделив всё, нажатием клавиш “CTRL+A”, или нужные параграфы с помощью “мышки”.

Двойные и тройные пробелы

Описанный выше вариант форматирования только визуально отображает большие интервалы. В действительности пробелы остаются нормальными. Другое дело, когда в тексте имеются два (а то и 3, и 4) “SPACE” подряд. Такие пробелы являются типографскими ошибками, что сильно вредит коммерческим текстам. Рассмотрим два способа исправления таких ошибок.

Первый метод

Чтобы убрать лишние пустые места, можно воспользоваться проверкой грамматики. Предварительно нужно проверить настройки правил. Для этого откройте “Меню OFFICE” (кнопка с логотипом вверху слева), и нажмите “Параметры WORD”.

В открывшихся настройках перейдите в раздел “Правописание”. Пометьте галочками боксы (кроме тех, что в подразделе “Исключения для файла”). В строке “Набор правил” нужно установить значение “Строго”, или изменить правила вручную (“Настройка” рядом).

При ручном управлении правилами, в открывшемся окне выберите пункт “Грамматика”. В списке найдите строчку “Лишние пробелы” и отметьте её галочкой.

После этого в “Ворде” 2003 выполните команду “Меню > Сервис > Правописание”, а в “Ворде” 2007 и 2010 откройте вкладку “Рецензирование” на ленте, и нажмите на самую первую слева кнопку. Дальше придётся вручную управлять исправлением каждой ошибки, найденной в документе или в выделенном тексте (если надо проверить только часть информации). Обычно таким способом можно убрать пустые лишние места.

Второй метод

Запустите командное окно “Найти и заменить”. (“Главная” > “Редактирование” > “Заменить”).
В бокс “Найти” впишите 2 “SPACE” подряд. (При повторе операции 3 “SPACE”).
В бокс “Заменить на” впишите 1 “SPACE”.
Щёлкните кнопку “Заменить всё”.

Важно! Не должно быть помечено окошечко “Не учитывать пробелы”.

Специальные знаки

Большое расстояние между словами бывает и при наличии в тексте длинных пробелов. Обнаружить присутствие таких интервалов можно при помощи команды “Отобразить все знаки”. Значок “¶” в разделе “Абзац” на ленте. В тех местах, где интервал увеличен за счёт вставленных специальных знаков (длинных или неразрывных пробелов) будут отображены знаки форматирования не в виде точек, а в виде окружностей. Для того чтобы сделать расстояния нормальными, нужно изменить их при помощи “Поиска и замены”. Всё так же как во 2 методе, описанном выше, только в верхнее поле нужно вставить длинный пробел. Для этого перейдите на вкладку “Вставка” и откройте окно “Символ > Специальные знаки” (крайнее справа, выпадающее меню, а в нём надпись “Другие символы”).

Либо необходимо сделать следующее:

Выделите место длинного расстояния между словами в документе и нажмите горячие клавиши “CTRL+C”.
Расположите курсор в поле “Найти” и нажмите комбинацию клавиш “CTRL+V”.

В случае обнаружения в предложениях знаков табуляции (стрелки, направленные вправо), которые также расширяют дистанцию между словами, необходимо изменить и их. Метод замены такой же, как и в предыдущих случаях. Скопировать, вставить в поле и нажать кнопку “Заменить всё”.

Источник

5 сентября 2011

Автор КакПросто!

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

Инструкция

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

Откройте диалог поиска и замены. В текстовом редакторе Word для этого надо нажать сочетание клавиш CTRL + H, а в Блокноте и многих других программах используется сочетание CTRL + R. Введите в поле поиска два пробела, а в поле замены — один, и нажмите кнопку «Заменить все». Почти все текстовые редакторы по окончании этой процедуры показывают информацию о количестве сделанных замен — нажимайте ту же кнопку до тех пор, пока количество замен будет отличаться от нуля. Таким способом вы избавитесь от увеличивающих расстояние между словами излишних пробелов.

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

Если по расширению файла вы определили, что этот формат разрешает использование форматирования текста (например, doc, docx), то к описанным выше процедурам уменьшения расстояний между словами можно добавить еще одну. Причиной чрезмерно больших интервалов может быть использование команды выравнивания текста «по ширине». При таком форматировании текстовый редактор растягивает пробелы между словами в некоторых строках, оставляя их без изменения в других. Выделите весь текст (CTRL + A) или только нужный его участок и нажмите сочетание клавиш CTRL + L — эти «горячие клавиши» соответствуют команде выравнивания текста по левому краю.

Если тест хранится в форматах веб-документов (html, htm, php), то начните борьбу за уменьшение расстояний между словами с замены во всем тексте двойных символов неразрывных пробелов одинарными. Для этого в диалоге поиска и замены надо указать в поле поиска такую последовательность символов:   , а в поле замены — только половину этого набора:  . Повторяйте эту замену, пока количество сделанных замен не станет нулевым. Обычные двойные пробелы заменять одинарными нет необходимости, так как браузеры любое их количество отображают как одинарный пробел. А вот знаки табуляции и в веб-документах тоже могут быть причиной увеличенных интервалов, поэтому проделайте операцию, описанную в третьем шаге.

Замените в описании стилей, относящемся к проблемному тексту, команду выравнивания по ширине на выравнивание по левому краю. Для этого вам надо найти значение justify и поменять его на left.

Воспользуйтесь свойством word-spacing языка описания стилей, чтобы принудительно задать нужный размер пробелам между словами. Соответствующий код применительно к текстам во всем документе может выглядеть, например, так:<style type=»text/css»>
body {word-spacing: 5px;}
</style>

Источник