Сегодня мы бы хотели представить Вам несколько новых опций для расширенного форматирования Ваших статей.

Купить на Amazon

Эти параметры предоставляют возможность настроить выравнивание текста и обтекание текстом изображения.

Пример выравнивания изображения по левому краю (Pull Left)

<div class="pull-left">
 
http://i.imgur.com /5K35fG5.png
<center> **расположение картинки слева** </center>
</div>

Пример выравнивания изображения по правому краю (Pull Right)

расположение картинки справа

<div class="pull-right">
http://i.imgur.com/ goePWl5.png
<center> **расположение картинки справа** </center>
</div>

Также вы можете выравнивать изображения по правому краю, используя класс pull-right.

Пример выравнивания текста (Text Justify)

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

<div class="text-justify">Lorem ipsum dolor sit amet, consectetur adipiscing elit,
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
 veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</div>

Пример визуализации выравнивания текста (Justified Text)

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum

Вывод

Таким образом, когда Вы используете классы pull-left или pull-right, Ваши изображения автоматически будут ограниченны 50% ширины. Использование форматирования одновременно с Markdown может привести к неожиданным результатам. Поэтому, когда и это не срабатывает, Вы можете использовать базовые HTML теги, чтобы получить тот стиль текста, который хочется.

Монетизируйте Ваш Steemit блог с помощью партнёрской программы Amazon

Предприимчивый блоггер может получить дополнительный доход, публикуя реферальные ссылки на продукты Amazon, которые можно получить с помощью генератора ссылок. Если Вы используете реферальные ссылки Amazon на steemit.com, мы оставляем за собой право удалить, отключить или изменить встроенные изображения и/или ссылки, если они противоречат Рабочему соглашению по партнёрской программе (Associates Program Operating Agreement) и Требованиям к ссылкам в партнерской программе (Associates Program Linking Requirements) Amazon.

Оригинальный пост и его обсуждение ЗДЕСЬ

Данный пост опубликован в рамках альфа тестирования проекта @rusteemitblog, в котором будут публиковатся переводы на русский язык статей разработчиков Steemit @ned, @dantheman, официального блога @steemitblog и SteemMag @infovore, запущенного специально для ру-коммьюнити группой неравнодушных пользователей.

Перевод осуществлен: @uuuhha, все SBD, собранные данным постом, будут использованы для Power Up переводчика в рамках инициативы #spreadthepower

Критика, комментарии и предложения приветствуются.

📝 Новые расширенные возможности форматирования/New Advanced Formatting Features (перевод статьи @steemitblog)