Центр изображения в stackedit.io

Question

Я пишу статью в редакторе уценки stackedit. Как разместить мое загруженное изображение в документе?

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

Answer 1

Это правда, что stackedit.io не кажется выравнивание поддержки, изначально, как часть уценки. Он также выглядит как любой атрибут style, кажется, очищается при отображении, поэтому float: left и float: right не будут работать. Однако, похоже, некоторые способы обхода.

Вы в основном должны выбирать между использованием устаревших тегов/атрибутов или использованием классов, определенных stackedit.io. Не гарантируется, что в будущем эти классы не будут изменены, хотя большинство из них настолько стандартны, что вряд ли они будут.

левый и правый выровненные изображения

Как @ Имран-али упоминалось, вы можете использовать imgalign тег:

<img align="left" src="https://www.gravatar.com/avatar/a6596d9955d2df59402c150f699bc8b8?s=32&d=identicon&r=PG&f=1" style="float:right"></img> Some text which should appear to the right of the image.

Однако, как <center> тег, то align атрибуты устарели в HTML5, и вам, вероятно, следует избегать их использования.

Вы также можете попробовать скомпоновать некоторые стили, которые использует их уценка, поскольку атрибут class, похоже, не очищается.

<img class="pull-left" src="https://www.gravatar.com/avatar/a6596d9955d2df59402c150f699bc8b8?s=32&d=identicon&r=PG&f=1" style="float:right"></img> Some text which should appear to the right of the image.

Если вы хотите, чтобы выровнять изображение вправо, просто поменять align="left" или class="pull-left" с align="right" или class="pull-right".

Примечание:

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

Центрированные Изображения

только два способа сделать это, что я могу выяснить, не являются идеальными. Опять же, вы можете контрейлерных прочь stackedit.io дисплея CSS (центральный блок класса):

<img class="center-block" src="https://www.gravatar.com/avatar/a6596d9955d2df59402c150f699bc8b8?s=32&d=identicon&r=PG&f=1"></img>

Или вы можете использовать <center> тег, который, как уже ранее было устаревшее ,

Answer 2

Как описано в связанной SO Question

родной уценки не поддерживает выравнивание текста без HTML и CSS.

Вот что я пытался, и это прекрасно работает на StackEdit

<p style="text-align: center;"> 
Para centered 
</p> 
<p style="text-align: left;"> 
Para left 
</p> 
<p style="text-align: right;"> 
Para right 
</p> 

Для выравнивания изображения я испытанный справа и слева выравнивания с IMG тегом следующим образом:

<img style="float: right;" src="whatever.jpg"> </img> 
<img style="float: left;" src="whatever.jpg"> </img> 

как из них работают отлично, но style = "float: center;" не работает