Servisneva.ru

Сервис Нева
0 просмотров
Рейтинг статьи
1 звезда2 звезды3 звезды4 звезды5 звезд
Загрузка...

Как добавить обтекание текста в Word – виды и настройки

Сначала следует вставить картинку в документ. Для этого можно:

  1. Скопировать фото и вставить (с помощью сочетания клавиш ctrl + V) в нужное место.
  2. Перейти во вкладку «Вставка» — «Рисунок». Далее выбрать на компьютере сохранённое фото.

Чтобы сделать обтекание картинки текстом в Word, нужно выбрать её курсором (вокруг появится голубая рамка), после чего:

Вкладка Формата

  1. В верхней панели появится новая вкладка «Формат». На неё следует перейти.
  2. В меню нужно найти функцию «Обтекание текстом».
  3. Необходимо выбрать один из вариантов обтекания, после чего режим применится к данной картинке и находящимся рядом абзацам.

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

Обтекание текстом вокруг рисунка

В меню «Формат» выберите пункт «Рисунок»и перейдите на вкладку «Макет».

Выберите нужный стиль обтекаия и нажмите кнопку «ОК».

Если текст обтекает wordArt, в меню «Формат» вместо рисунка щелкните WordArt.

Если на вкладке «Макет» нет параметров стиля обтекаия, это возможно в веб-публикации. В веб-публикациях обтекать текст нельзя.

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

Картинку можно выровнять только оперируя со стилями CSS тега <img> . Как известно синтаксис тега допускает в атрибутах задавать выравнивание изображения:

где VALUE может принимать значения

  • left — выравнивание по левому краю
  • right — выравнивание по правому краю
  • bottom — выравнивание по первой строке текста (это значение стоит по умолчанию)
  • top — выравнивание по верхней строке текста
  • middle — выравнивание по базовой строке текста
Читать еще:  Топ 5 программ для создания игр

Вот как это будет выглядеть на странице:

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

Вариант 1.1. Через свойство CSS — hspace и vspace
Для этого в атрибутах тега <img> добавляем два значения:

Вот как это будет выглядеть на странице:

Атрибут hspace задает горизонтальный отступ в пикселях, vspace — соответственно вертикальный

Вариант 1.2. Через свойство CSS — padding и margin
Для этого в атрибутах тега <img> добавляем два значения:

Вот как это будет выглядеть на странице:

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

Использование свойства float вместо align

Помимо свойства align в атрибутах тега <img> в стилях есть CSS свойство float , которое также отвечает за выравнивание. Синтаксис следующий:

Например, если написать в предыдущем примере вывод картинки следующим образом:

То это преобразуется в следующее:

Благодаря float можно задавать единый class для картинок, что очень даже удобно.

Обтекание картинки текстом исключительно силами PowerPoint

Нам понадобится один текстовый бокс (команда «Добавление Надписи») и естественно картинка.

2. Вставляем картинку

3. Накладываем текст на картинку, так чтобы текст был выше

4. Добавляем в текст пробелов, чтобы убрать перекрытие изображения текстом

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

Общее решение задачи

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

Так, например, можно картинку заключить в тег DIV, которому через CSS задать свойство float:left или float:right, с проставлением необходимых отступов.

Читать еще:  Как в Word настроить инструмент автозамены?

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

Делается это с помощью присвоения все тех же самых свойств — float, отвечающего за выравнивание, и margin, отвечающего за отступы.

Для начала присвоим нашему изображению класс:

Теперь пропишем соответствующие свойства в CSS — предположим, что у нас картинка будет стоять слева:

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

Способ 1: Ручное обрамление текстом

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

    Для начала нужно иметь вставленное в нужный слайд фото.

Фото для вписывания в текст в PowerPoint

Вкладка Вставка в PowerPoint

Вставка надписи в PowerPoint

Создание надписи возле фото в PowerPoint

Создание и расположение областей текста вокруг фото в PowerPoint

Конечный вариант обтекания в PowerPoint

Главный минус способа – это долго и нудно. Да и далеко не всегда удается ровно располагать текст.

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

Итак, как сделать обтекание текстом картинки в Word? Всё очень просто. В качестве примера возьмём мою картинку. Для начала её нужно вставить в этот текстовый редактор. Нажимаем по ней левой кнопкой мыши, затем правой и выбираем из меню, которое нам предлагает Ворд – «Обтекание текстом» (Скрин 2).

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

Далее, выбираете любой тип обтекания, который предоставлен на выбор. Что должно у Вас получится? Если Вы установите первый вариант обтекания текста, то картинка вставится в сам текст.

Читать еще:  Три способа, как конвертировать MP3 в WAV

В некоторых версиях Майкрософт Ворд можно кликнуть один раз на картинку, и эту функцию обтекания текстом Вы увидите рядом с картинкой в виде стрелки. Также есть и другой способ – через управление программы. Для этого снова нажимаем на картинку, выбираем из списка функций «Формат» (Скрин 3).

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

И затем функцию – «Обтекание текстом». Следуйте этим советом, и тогда сделаете обтекание текстом Ваших картинок без труда.

голоса
Рейтинг статьи
Ссылка на основную публикацию
ВсеИнструменты
Adblock
detector