Эффект обтекания картинки текстом в powerpoint

Pages — Настройка обтекания текстом связанного с текстом или плавающего объекта

Настройка обтекания текстом связанного с текстом или

плавающего объекта

При размещении объекта (изображения, фигуры, диаграммы и т. д.) можно настроить его обтекание текстом. Можно выбрать вариант обтекания объекта вплотную или на некотором расстоянии, можно оставить текст только сверху, снизу или с одной стороны от объекта. Для задания параметров служит Инспектор обтеканий.

Обтекание текстом сторон таблицы не предусмотрено.

Кнопка «Инспектор обтеканий»

Выберите, чтобы

установить обтекание

текста вокруг

объекта с помощью

приведенных ниже

кнопок.

Введите уровень прозрачности в процентах, чтобы настроить отображение текста через прозрачные объекты.

Установите расстояние между объектом и текстом вокруг него.

Нажмите, чтобы текст обтекал объект вплотную или на расстоянии.

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

Выберите, чтобы

разрешить

редактирование

объектов фона.

128

Глава 5

Работа с текстом

Глава 5

Работа с текстом

129

Способы настройки обтекания текстом плавающих и связанных с текстом объектовДля настройки обтекания текстом с помощью панели форматирования выделите

m

объект и выберите вариант обтекания текстом во всплывающем меню «Обтекание» панели форматирования.Для настройки обтекания текстом с помощью Инспектора обтеканий выделите

m

объект, нажмите на панели инструментов «Инспектор», выберите «Инспектор обтеканий» и установите флажок «Объект — новая строка».Плавающий объект. Нажмите кнопку нужного варианта обтекания плавающего объекта текстом.

Текст обтекает только справа или слева в зависимости от того, где больше места.

Текст обтекает объект сверху и снизу.

Текст обтекает объект справа.

Текст обтекает

объект слева.

Текст обтекает

объект.

Связанный с текстом объект. Нажмите кнопку нужного варианта обтекания текстом связанного с текстом объекта.

Объект выравнивается по центру и находится между строк текста.

Объект выравнивается по правому краю, текст обтекает объект слева.

Объект выравнивается по правому краю и находится между строк текста.

Объект

выравнивается

по центру, текст

обтекает объект

с обеих сторон.

Объект

выравнивается

по левому краю,

текст обтекает

объект справа.

Объект выравнивается по левому краю и находится между строк текста.

Для настройки обтекания текстом плавающего или объекта связанного с текстом можно использовать также Инспектор обтеканий. Подробнее см.«Регулировка текста, обтекающего встроенный в текст или плавающий объект» на стр. 130.

Как сделать обтекание картинки текстом в Microsoft Word

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

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

1. Если в вашем текстовом документе еще нет изображения, вставьте его, воспользовавшись нашей инструкцией.

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

3. Кликните по добавленному изображению, чтобы на панели управления отобразилась вкладка “Формат”, расположенная в основном разделе “Работа с рисунками”.

4. Во вкладке “Формат” нажмите на кнопку “Обтекание текстом”, расположенную в группе “Упорядочить”.

5. Выберите в выпадающем меню подходящий вариант обтекания текстом:

“В тексте” — изображение будет “покрыто” текстом по всей площади;

“Вокруг рамки” (“Квадрат”) — текст будет расположен вокруг квадратной рамки, в которой находится изображение;

“Сверху или снизу” — текст будет располагаться сверху и/или снизу изображения, область по бокам при этом останется пустой;

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

“Сквозное” — текст будет обтекать добавленное изображение по всему периметру, в том числе и изнутри;

“За текстом” — рисунок будет располагаться за текстом. Таким образом можно добавить в текстовый документ водяной знак, отличный от стандартных подложек, доступных в MS Word;

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

“Перед текстом” — изображение будет расположено поверх текста. В таком случае может возникнуть необходимость изменить цвет и прозрачность рисунка, чтобы текст оставался видимым и хорошо читабельным.

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

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

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

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

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

Как сделать в word картинку по левому краю, а текст справа

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

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

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

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

Задача 1

Первый пример будет посвящен тому, что мы создадим вот такое нестандартное решение.
 
 
Этот пример нестандартен тем, что мы создаем некую картинку, которая имеет форму отличную от квадрата и прямоугольника (это то, к чему мы привыкли). Безусловно, здесь не подходит метод, как если бы мы сохранили картинку при помощи png. Я думаю, что многие понимают, что если вы сделаете так, то этот текст не станет по краю, где обрезается эта картинка. Наша же цель, сделать такое обтекание текста, для нестандартной формы.
 
Сделаем HTML-разметку. Для начала создадим общий и назовем его . В нем создадим пустой с классом и с классом ,где будет наш текст.
После этого переходим к CSS. Начнем со стилизации блока задав ему свойства высоты и ширины:

height: 100vh;
wight: 100vw;

Далее мы будем стилизовать . Устанавливаем цвет background-а и картинку:

background: black url(https://pp.userapi.com/c849120/v849120857/cc331/XftS2mpmwHo.jpg) center top no-repeat;

— устанавливаем изображение по центру; — устанавливаем изображение сверху по оси Y; — без повтора.
 
Устанавливаем высоту:

height: 100vh;

Используем ширину, но берем значение не , а например :

width: 40vw;

Растягиваем изображение по всему контейнеру:

background-size: cover;

Теперь давайте используем свойство к которому мы все привыкли:

float: right;

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

shape-outside: polygon(0 0, 100% 0, 100% 100%, 30% 100%);

Создаем отступы:

shape-margin: 20px;

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

clip-path: polygon(0 0, 100% 0, 100% 100%, 30% 100%);

 Ознакомиться подробнее с HTML и CSS можно тут:
 

Как убрать границы таблицы в тексте с рисунком

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

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

Вставка фигур

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

  • Линии;
  • Прямоугольники;
  • Основные фигуры;
  • Фигурные стрелки;
  • Фигуры для уравнений;
  • Блок-схемы;
  • Звезды;
  • Выноски.

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

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

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

Урок: Как в Word перевернуть текст

Стили фигур

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

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

Для этого выберите подходящие цвета в выпадающем меню кнопок «Заливка фигуры» и «Контур фигуры», которые расположены справа от окна с шаблонными стилями фигур.

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

  • Тень;
  • Отражение;
  • Подсветка;
  • Сглаживание;
  • Рельеф;
  • Поворот.

Стили WordArt

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

Упорядочить

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

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

Урок: Как в Ворд повернуть рисунок

Кроме того, с помощью данного раздела можно наложить одну фигуру на другую, подобно тому, как это можно сделать с рисунками.

Урок: Как в Word наложить одну картинку на другую

В этом же разделе можно сделать обтекание фигуры текстом или сгруппировать две и более фигур.

Уроки по работе с Ворд:Как сгруппировать фигурыОбтекание картинки текстом

Размер

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

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

Урок: Как обрезать рисунок в Word

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

Опишите, что у вас не получилось.
Наши специалисты постараются ответить максимально быстро.

Вставляем и форматируем рисунки в Word 2007

Очень часто в процессе работы с документами приходится вставлять рисунки в Word. Это могут быть различные фотографии, иллюстрации, графики, схемы. Чтобы вставить рисунок в документ, ставите курсор в то место, где у Вас должен быть рисунок, и во вкладке Вставка нажимаете на кнопку Рисунок. Выбираете его у себя на компьютере.

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

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

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

При выделении рисунка а ленте команд появляется новая вкладка Формат. Перейдите на нее. Крайние слева команды: Яркость, Контрастность, Перекрасить позволяют изменять внешний вид изображения. Особенно интересна команда Перекрасить — с помощью нее можно сделать рисунок черно-белым, сепией, окрашенным в различные цвета.

Также в команде Перекрасить есть пункт Установить прозрачный цвет. Этот пункт позволяет делать прозрачными области рисунка с однородным цветом. Вы можете, например, сделать коллаж — разместить фото в фигурной рамке, даже если исходная рамка залита в середине белым цветом, а не прозрачная.

Чтобы это сделать, размещаете оба рисунка в документе Word, делаете для каждого рисунка Обтекание текстом — Перед текстом, и фото ставите за рамкой, с помощью положения На задний план.

Затем выделяете рамку, выбираете команду Перекрасить — Установить прозрачный цвет, и кликаете по середине рамки.

Во вкладке Формат в группе команд Стили рисунков Вы можете добавить для рисунка рамку и тень, сделать рисунок овальным, со скругленными краями, с наклоном.

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

Также интересны команды Граница рисунка и Эффекты для рисунка. Вы можете подобрать любую границу, а также сделать отражение, свечение, сглаживание, поворот, рельеф и так далее.

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

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

Команда Обтекание текстом также определяет положение рисунка по отношению к тексту. Чаще всего применяется обтекание Вокруг рамки.

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

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

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

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

Как изменить перенос текста?

Установка расстояния между рисунком и текстом

Плавающие элементы

Свойство float позволяет сделать элемент плавающим, смещая его в левую или правую сторону, в зависимости от того, какое значение установлено:

  • left — смещает элемент влево
  • right — смещает элемент вправо
  • none — отменяет плавание элемента

Единственным требованием для любого плавающего элемента является наличие фиксированной ширины (width).

Когда вы определяете плавающий элемент, вам нужно расположить его в коде прямо под тем элементом, под которым он должен «плавать», всё остальное содержимое расположенное в коде под плавающим элементом будет обтекать его на веб-странице. Рассмотрим более подробно то, как браузеры загружают плавающие элементы и остальное содержимое на веб-страницу.

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

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

Обратите внимание, что блочные элементы располагаются под плавающим элементом, это происходит потому, что плавающий элемент больше не является частью общего потока

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

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

Примечание: элементы с абсолютным и фиксированным позиционированием игнорируют свойство float.

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Название документа</title>
    <style>
	  p { width: 250px; }
      img { float: left; }
    </style>
  </head>
  <body>
    <p>
    <img src="css.png" width="120" height="120">
    С помощью CSS свойства float картинка была сделана плавающей с левой стороны. 
    Текст, расположенный в HTML коде ниже картинки, будет обтекать картинку
    по правой и нижней стороне.</p>
  </body>
</html>

Попробовать »

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

img { 
  float: left;
  margin: 0 10px 10px 0;
}

Попробовать »

Делаем текст на картинке с помощью надписи

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

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

Чтобы текст выглядел необычно, можно перевернуть текст в Ворд на 30, 90 градусов или выбрать любой другой угол поворота.

Если Вам не подходит белый фон прямоугольника и наличие границ, выберите «Средства рисования» – «Формат». Нажмите на кнопки «Заливка фигуры» и «Контур фигуры», затем кликайте из списка «Нет заливки», «Нет контура» – соответственно.

Чтобы изменить внешний вид написанного, перейдите на вкладку «Текст» и в разделе «Шрифт» выберите нужный размер и сам шрифт. Можно изменить цвет букв, добавить тень, сделать текст курсивом или жирным.

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

Поделитесь статьёй с друзьями:

Денис, выберите для картинки другое Обтекание текстом.

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

Урок: Как в Ворде наложить текст на картинку

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

1. Если в вашем текстовом документе еще нет изображения, вставьте его, воспользовавшись нашей инструкцией.

Урок: Как вставить картинку в Word

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

Урок: Как обрезать картинку в Ворде

3. Кликните по добавленному изображению, чтобы на панели управления отобразилась вкладка “Формат”, расположенная в основном разделе “Работа с рисунками”.

4. Во вкладке “Формат” нажмите на кнопку “Обтекание текстом”, расположенную в группе “Упорядочить”.

5. Выберите в выпадающем меню подходящий вариант обтекания текстом:

“В тексте” — изображение будет “покрыто” текстом по всей площади;

“Вокруг рамки” (“Квадрат”) — текст будет расположен вокруг квадратной рамки, в которой находится изображение;

“Сверху или снизу” — текст будет располагаться сверху и/или снизу изображения, область по бокам при этом останется пустой;

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

“Сквозное” — текст будет обтекать добавленное изображение по всему периметру, в том числе и изнутри;

“За текстом” — рисунок будет располагаться за текстом. Таким образом можно добавить в текстовый документ водяной знак, отличный от стандартных подложек, доступных в MS Word;

Урок: Как добавить подложку в Ворде

“Перед текстом” — изображение будет расположено поверх текста. В таком случае может возникнуть необходимость изменить цвет и прозрачность рисунка, чтобы текст оставался видимым и хорошо читабельным.

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

Урок: Как в Word наложить картинку на картинку

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

Мы рады, что смогли помочь Вам в решении проблемы.

Как сделать обтекание картинки текстом

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

Обтекание картинки текстом в Word – Выбор картинки
  1. На вкладке « Формат » выберите команду «Обтекание текстом» в группе « Упорядочение ». Появится раскрывающееся меню.
  2. Наведите указатель мыши на различные варианты обтекания картинки текстом в ворде. В документе появится предварительный просмотр обтекания текста. Когда вы найдете параметр обтекания текста, который хотите использовать, щелкните его. Кроме того, вы можете выбрать « Дополнительные параметры разметки …» для точной настройки макета.

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

Обтекание картинки текстом в Word – Перемещение картинки

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

Обтекание картинки текстом в Word – Использовать направляющие

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

Обтекание картинки текстом в Word – Параметры разметки, обтекание текстом

List of towns in England

Chesterfield is …

It has …

Dartmouth

Dartmouth is …

body {
margin: 0;
background: #FFF8E8;
padding: 0 20px;
font-size: 90%;
counter-reset: h2; /*создаем счетчик для любого заголовка h2*/
}
h1 {
font-family: ‘Lora’, serif;
color: #564C4A;
font-weight: 300;
}
h2 {
font-family: ‘Lora’, serif;
color: #B00D22;
font-weight: 300;
clear: both; /* отменяем обтекание с обеих сторон */
padding: 1em 0 0.25em;
border-bottom: 2px solid;
counter-increment: h2; /* задаем увеличение нумерации заголовков h2 на единицу */
}
h2:before {
content: » » counter(h2) ‘. ‘; /* добавляем в начале каждого заголовка текущее значение счетчика и точку с пробелом */
}
p {
font-family: arial;
color: #785F5B;
line-height: 1.3;
}

/********** картинка слева **********/
.left {
float: left;
margin: 0 1em 1em 0;
}

/********** картинка справа **********/
.right {
float: right;
margin: 0 0 1em 1em;
}

/********** картинка между текста **********/
.columns {
float: left;
max-width: 30%;
margin: 0;
}
.img-center {
float: left;
margin: 0 1.5% 0 1.5%;
max-width: 37%;
}
/********** картинка по центру********* */
.center {
display: block;
margin: 0 auto 1.5%;
}

Обтекание картинки с двух сторон

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

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra.

Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilisis. Ut felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat. Aliquam erat volutpat.

Nam dui mi, tincidunt quis, accumsan porttitor, facilisis luctus, metus

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra.

Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilisis. Ut felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat. Aliquam erat volutpat.

Nam dui mi, tincidunt quis, accumsan porttitor, facilisis luctus, metus

.wrap {
width: 60%;
margin: 80px auto;
position: relative;
}
img {
position: absolute;
top: 0;
left: 50%;
margin-left: -125px;
}
.left {
float: left;
width: 49%;
}
.right {
float: right;
width: 49%;
}
.left:before, .right:before {
content: «»;
width: 125px;
height: 250px;
}
.left:before {
float: right;
}
.right:before {
float: left;
}

Перекрывающиеся изображения

Заключение

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

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

Источник статьи: http://26pk.ru/ofis/kak-sdelat-tekst-vokrug-kartinki-v-word

Оцените статью
Рейтинг автора
5
Материал подготовил
Андрей Измаилов
Наш эксперт
Написано статей
116
Добавить комментарий