Обтекание текстом выбрано для графического объекта в данном фрагменте документа ms word

Обновлено: 30.06.2024

В этом руководстве объясняются различные способы управления переполнением текста в CSS.

Что такое переполнение текста?

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

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

В следующем примере вы можете увидеть, что произойдет, если для параметра overflow установлено значение hidden .

Определение минимального размера содержимого

Чтобы найти минимальный размер блока, который будет содержать его содержимое без переполнения, задайте для свойства width или inline-size блока значение min-content .

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

Разбивая длинные слова

Если поле должно быть фиксированного размера или вы хотите, чтобы длинные слова не переполнялись, вам может помочь свойство overflow-wrap. Это свойство разбивает слово, если оно слишком длинное и не помещается в отдельной строке.

Примечание. Свойство overflow-wrap действует так же, как нестандартное свойство word-wrap . Свойство word-wrap теперь рассматривается браузерами как псевдоним стандартного свойства.

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

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

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

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

Добавление дефисов

Чтобы добавить дефисы, когда слова разбиты, используйте свойство CSS hyphens. Используя значение auto, браузер может автоматически разбивать слова в соответствующих точках переноса, следуя любым правилам, которые он выбирает. Чтобы иметь некоторый контроль над процессом, используйте значение manual , а затем вставьте в строку символ жесткого или мягкого разрыва. Жесткий разрыв (-) всегда прерывается, даже если в этом нет необходимости. Мягкий разрыв ( ) прерывается только в том случае, если разрыв необходим.

Вы также можете использовать свойство hyphenate-character, чтобы использовать строку по вашему выбору вместо символа дефиса в конце строки (перед переносом строки).

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

Элемент

Если вы знаете, где должна прерываться длинная строка, можно также вставить элемент HTML. Это может быть полезно в таких случаях, как отображение длинного URL-адреса на странице. Затем вы можете добавить это свойство, чтобы разорвать строку в нужных местах, чтобы ее было легче читать.

поиск меню

Урок 18. Обтекание изображениями и текстом

Введение

Добавление изображений в документ может быть отличным способом проиллюстрировать важную информацию и расставить декоративные акценты в существующем тексте. Использование изображений в умеренных количествах может улучшить общий вид документа.

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

Чтобы вставить изображение из файла:

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

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

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

Изменение настроек переноса текста

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

Чтобы обернуть текст вокруг изображения:

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

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

Если направляющие для выравнивания не отображаются, выберите вкладку «Макет страницы», затем нажмите команду «Выровнять». В появившемся раскрывающемся меню выберите «Использовать направляющие выравнивания».

Использование предопределенной настройки переноса текста

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

Вставка изображений из Интернета

Если на вашем компьютере нет нужного изображения, вы можете найти его в Интернете и добавить в документ. Word предлагает два варианта поиска изображений в Интернете.

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

При добавлении изображений, видео или музыки в собственные проекты важно убедиться, что у вас есть законные права на их использование. Большинство вещей, которые вы покупаете или загружаете в Интернете, защищены авторским правом, что означает, что вам может быть запрещено их использовать. Для получения дополнительной информации посетите наш урок «Авторское право и добросовестное использование».

Понимание того, как текст взаимодействует с вставленным объектом в Word, является ключом к получению желаемого внешнего вида.

Изображение: iStock/Олег Елков

Windows: обязательно к прочтению

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

Я использую Microsoft 365 в 64-разрядной системе Windows 10, но вы можете использовать более ранние версии. Вы можете работать со своими данными или загрузить демонстрационные файлы .docx и .doc. Файлы Word содержат оба изображения, используемые в этой статье. Второе изображение находится на странице 2. Браузерная версия поддерживает перенос текста. В этой статье я буду использовать термин «изображение», но вы можете применить эти параметры практически к любому вставленному объекту.

Как получить доступ к параметрам переноса текста в Word

Когда вы вставляете изображение в документ Word, Word размещает его в точке вставки; однако вы можете контролировать положение изображения. Самый простой способ изменить положение изображения — перетащить его. Если вы не знакомы с этим, попробуйте! Хотя эта статья не посвящена позиционированию, важно отметить, что параметры «Обтекание текстом» в раскрывающемся списке «Положение» такие же, как и параметры «Обтекание текстом». Для наших целей мы будем работать только с Text Wrapping. (Чтобы вставить изображение, щелкните вкладку «Вставка», а затем выберите один из вариантов изображения в группе «Иллюстрации». Оба изображения включены в загружаемые демонстрационные файлы.)

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

Выбрав изображение, нажмите контекстную вкладку "Формат", а затем выберите параметр "Перенос текста" в группе "Расстановка".
Щелкните изображение правой кнопкой мыши и выберите "Обтекание текстом" в появившемся подменю.
Выберите изображение и нажмите на подсказку «Параметры макета» справа.

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

В соответствии с текстом

Это параметр по умолчанию, который Word применяет при вставке изображения. На рисунке А вы можете видеть, что я вставил картинку в середине предложения между словами видео и вы. Картинка появляется внутри текста, как если бы это был текст, и смещает высоту строки только потому, что она намного больше. Думайте об этом как о слове с действительно большим размером шрифта, примененным вместо изображения. (Я использовал вариант «Изображения из Интернета» и выбрал изображение с общей лицензией. Я также немного уменьшил размер, чтобы усилить визуальное воздействие.)

Рисунок А

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

Квадрат

При выборе параметра «Квадрат» текст обтекает изображение квадратным узором. При перемещении изображения текст перемещается, чтобы разместить изображение с обеих сторон. На рис. Б изображение показано в двух разных положениях, но к обоим применен параметр "Квадрат".

Рисунок Б

Тяжело

При выборе этого параметра текст обтекается на одинаковом расстоянии между краями изображения. Это более очевидно на изображении необычной формы, например, на рисунке C. Как вы можете видеть, параметр Tight обтекает фигуру. При использовании с квадратным или прямоугольным изображением параметр Tight кажется похожим на параметр Square. Вы можете заметить небольшие изменения, но не значительные. На самом деле, вы, вероятно, предпочтете Квадрат Тайту. Вы можете получить еще больше контроля, используя дополнительные параметры макета в раскрывающемся списке Wrap Text. В частности, используйте настройки «Расстояние от текста», чтобы сузить или ослабить пустое пространство.

Рисунок C

Насквозь

Этот параметр немного похож на Tight, но вы можете изменить точки редактирования. Точка редактирования представлена маленьким черным квадратом, который можно перетаскивать, чтобы изменить поле фигуры. После применения параметра «Насквозь» выберите «Редактировать точки переноса» в том же раскрывающемся списке. При этом точки будут отображаться, как показано на рисунке D.Изменив несколько точек, вы можете немного сжать текст или удалить его из областей, чтобы оставить больше пустого пространства. Стоит отметить, что вы можете редактировать точки обтекания с помощью других параметров обтекания текстом. Помните, что вы также можете нажать Ctrl+Z, чтобы отменить ход.

Рисунок D

Сверху и снизу

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

Рисунок Д

За текстом

При правильных обстоятельствах размещение текста прямо через изображение может дать интересный эффект. Как будто вы полностью отключили перенос текста. Хотя в данном случае, показанном на рисунке F, это точно не привлекательно! Это редко. Используйте этот параметр экономно. (Я использовал художественный эффект, чтобы немного смягчить цвета.)

Рисунок F

Перед текстом

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

Рисунок G

Еще несколько точных вариантов

Есть еще один параметр, влияющий на то, как другое содержимое взаимодействует с изображением, и вы найдете его в том же раскрывающемся списке (Перенос текста), выбрав Дополнительные параметры макета. Я упомянул параметры «Расстояние от текста» с параметром «Натянуто». На рисунке H показаны эти параметры. На рис. 1 показано изображение с параметрами «Хотя перенос текста» и «Только слева». Как видите, справа от картинки нет текста.

Рисунок Н

Рисунок 1

Существует множество вариантов оформления страницы в Word

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

Еженедельный информационный бюллетень Microsoft

Будьте инсайдером Microsoft в своей компании, прочитав эти советы, рекомендации и памятки по Windows и Office.

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

Распространенная проблема возникает, когда вы перемещаете вставленное изображение по документу. Это связано с тем, что обтекание текстом для изображения по умолчанию настроено так, чтобы оно соответствовало текстовой строке. К счастью для нас, MS Word предлагает множество вариантов переноса текста, позволяющих легко размещать изображения в любом месте документа. Таким образом, вы можете добиться идеального макета при работе с текстом вокруг изображений.

Теперь существует три способа обтекания изображения текстом в MS Word.

3 способа обтекания изображения текстом в MS Word

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

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

Сказав это, вот все, что вам нужно знать, чтобы обтекать изображения текстом в MS Word.

Способ 1. Обтекание изображения текстом с помощью параметра макета

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

Вот как это можно сделать.

Шаг 1. Откройте документ MS Word.

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

Шаг 2. Нажмите «Параметры макета».

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

В качестве альтернативы, если вы хотите дополнительно настроить стиль обтекания текстом, просто выберите в меню пункт «Подробнее…». Откроется диалоговое окно «Макет» посередине экрана.

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

Нажмите кнопку OK, чтобы продолжить. В противном случае нажмите кнопку "Отмена", если вы не хотите сохранять какие-либо изменения.

Поздравляем! Вы только что использовали параметры макета для обтекания текстом изображения в MS Word.

Способ 2. Обтекание изображения текстом с помощью вкладки «Формат»

В этом методе мы покажем, как использовать вкладку «Формат», чтобы легко подогнать текст вокруг изображений. Вкладка «Формат» является частью ленты MS Word — основной панели инструментов MS Word.

Вот как вы можете получить доступ к параметрам переноса текста на вкладке "Формат".

Шаг 1. Откройте документ MS Word.

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

Шаг 2. Нажмите на изображение.

Открыв документ, щелкните изображение и перейдите на вкладку "Вставка". Затем переместите курсор мыши в правую часть ленты и щелкните раскрывающееся меню «Перенос текста». Это отобразит различные варианты переноса текста в вертикальном списке.

В качестве альтернативы вы можете просто дважды щелкнуть изображение, чтобы активировать вкладку «Формат». Однако обратите внимание, что вкладка «Формат» будет отображаться на ленте только после выбора изображения.

Эти шаги такие же, как и в предыдущем методе.

Поздравляем с использованием вкладки "Формат" для переноса текста вокруг изображений в MS Word.

Способ 3. Обтекание изображений текстом с помощью контекстного меню

Контекстное меню также известно как контекстное меню. Содержимое этого контекстного меню — это основные инструменты, которые вы также можете найти на вкладке «Меню», за исключением того, что вам не нужно уходить от основного текста. В этом контекстном меню есть настраиваемые кнопки, которые очень удобны в использовании, особенно при переносе текста.

Вот как вы можете получить доступ к контекстному меню в MS Word.

Шаг 1. Откройте документ MS Word.

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

Шаг 2. Нажмите на изображение.

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

Кроме того, если вы хотите уточнить стиль обтекания текстом, вы можете выбрать в меню Дополнительные параметры макета…. Откроется диалоговое окно «Макет» посередине экрана.

Поздравляем! Вы только что использовали контекстное меню для переноса текста вокруг изображений в MS Word.

Редактирование и удаление переноса текста в MS Word

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

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

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

Заключение

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

Понимание и базовые навыки применения стилей обтекания текстом могут пригодиться, особенно при работе с несколькими документами. В этом руководстве мы рассмотрели три метода переноса текста вокруг изображений в MS Word. Первый способ предполагает прямой доступ к различным вариантам компоновки. Во втором методе используется вкладка «Формат» на ленте, а в третьем — контекстное меню, в котором находятся часто используемые инструменты.

Читайте также: