кнопка наверх

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

textПривет, дорогие читатели!

На днях я выступала в питерском еврейском центре досуга с песней «Because of you», разучила ее буквально за несколько дней и спела. Здорово там у евреев досуг организован, собираются пенсионеры, играют в настольные игры, развлекаются культурно, еще и молодежь для них выступает. Для русских пенсионеров я подобных заведений не встречала. Перейдем к сегодняшней теме.

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

Почему в тексте большие пробелы

Большие ненужные пробелы бывают двух видов:

  1. это действительно лишние пробелы в коде, поставленные вручную или возникшие при переносе текста из другого редактора;
  2. они возникают из-за CSS-свойства text-align: justify. Параметр justify предназначен для выравнивания текста по ширине (одновременно по левому и правому краю).
    Такое выравнивание используется в газетах и журналах для красоты и удобства чтения, но применять его на блогах я не советую! Дело в том, что в газетах слова переносятся по слогам, а также регулируется расстояние между буквами, поэтому таких огромных пробелов не возникает. Интернет-браузеры же не имеют таких возможностей, в них ничего не переносится и не регулируется!

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

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

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

clip_image001

Открываем таблицу стилей вашей темы (файл style.css). Через комбинацию клавиш «Ctrl + F» (вызов поиска) ищем правило «text-align: justify;».

Свойство text-align отвечает за выравнивание текста. Достаточно заменить «text-align: justify;» на "text-align: left;" и текст будет выровнен по левому краю, а лишние пробелы исчезнут. Или же просто удалите строчку «text-align: justify;».

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

Как удалить пробелы в тексте, html-коде

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

Как убрать пробелы в тексте одним движением? Открываете свой текст в любом текстовом редакторе, например Notepad++ (я использую Dreamweaver). Вызываете меню «Поиск и замена» и выполняете замену по всему документу двух пробелов на один пробел. Таким образом, везде, где было несколько пробелом подряд их станет по одному. Что может быть проще!

Спасибо за внимание, всем пока!


1 звезда2 звезды3 звезды4 звезды5 звезд (4 оценок, среднее: 4,00 из 5)
Загрузка...
like
Понравилось?
Подпишитесь на блог и получайте новые статьи!
Добавляйтесь в соц. сетях:
  1. Reux:

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

    Ответить
    • Анна:

      Это личное дело каждого, как настраивать свой блог. Но британские ученые давно выявили, что выравнивание по ширине отрицательно влияет на удобство чтения:)

      Ответить
    • Анна:

      Или ты неправильно понял, текст будет выровнен, но по левому краю. Тем самым удалятся пробелы.

      Ответить
  2. Andrew:

    Мне тоже вариант «До» также больше нравится. Лучше будет по обоим краям, но с «дырками», чем по левому, но без «дырок». Конечно же в идеале было бы хорошо, чтобы в WordPress была поддержка переносов. Может она есть?

    Ответить
    • Анна:

      Не в WordPress проблема, а в браузерах. Они не имеют возможности динамически расставлять переносы в словах. Поэтому придется убрать «text-align: justify» или ждать, пока браузеры научатся переносить слова:)

      Ответить
  3. Евгений Комиссаров:

    ну вот же в начале поста написано «Такое выравнивание используется в газетах и журналах для удобного чтения.» Все правильно по ширине намного лучше выглядит)

    Да я и не думаю что кто то обращает внимание на то как выровнен текст, люди вообще читают первую и последнюю букву в слове, а серединка заполняется налету.

    Ответить
    • нерадивый бухгалтер:

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

      Ответить
  4. Михаил:

    Полезная статья. Мне пригодилась. Только я добавил text-align: justify; мне так лучше понравилось. Но у меня другая проблема. Когда вставляю картинку в текст, то в редакторе все нормально: картинка слева, текст ее обтекает. А вот когда перехожу на сайт, то там текст не обтекает картинку, а начинается ниже нее. Пробовал чуть пониже вставить картинку, получается что она разрывает текст. Может подскажите решение этой проблемы. Заранее благодарю.

    Ответить
  5. Евгений:

    Спасибо большое! Очень помогли.

    Ответить
  6. Николай Кудрявцев:

    Cпасибо! Всё просто и понятно, помогло, благодарю!

    Ответить
Ваш комментарий: