イメージをstackedit.ioに配置

Question

私はstackedit markdown editorで記事を書いています。 アップロードした画像を文書の中央に配置するにはどうすればよいですか？

また、イメージだけでなく、テキストの配置を制御するにはどうすればよいですか？ フォーラムの他の質問の一部を読みましたが、回答はこのエディタではうまくいきません。

Answer 1

stackit.ioはそう思わないマークダウンの一部として、ネイティブにアライメントをサポートします。また、表示されるときにstyle属性がスクラブアウトされたように見えるので、float: leftとfloat: rightは機能しません。しかし、いくつかの回避策があるようです。

基本的に非推奨のタグ/属性を使用するか、stackedit.ioで定義されたクラスを使用するかを選択する必要があります。将来、これらのクラスは変更されないことは保証されていませんが、ほとんどのクラスは標準であるため、変更される可能性は低いです。

左と右揃えのイメージ

@イムラン・アリが述べたように、あなたはimgalignタグを使用することができます：<center>タグのような、しかし

<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.

を、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="right"またはclass="pull-right"とalign="left"またはclass="pull-left"を交換。

注：

• 画像はまだあなたが右に揃えたい場合でも、テキストの前に来ます。
• イメージは、マークダウンエディタのテキストと同じ行にある必要があります。それ以外の場合、イメージとテキストの間に改行が挿入されます。

中心のイメージ私が把握できること

これを行うには2つのだけの方法は、理想的ではありません。ここでも、ピギーバックをすることができます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

ネイティブ値下げは、HTMLやCSSなしでテキストの配置をサポートしていない関連SO Question

に記載されているように。ここで

私が試してみました、それは私が次のようにimgタグで左右のアライメントの両方をテストしている画像の位置合わせのための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 style="float: right;" src="whatever.jpg"> </img> 
<img style="float: left;" src="whatever.jpg"> </img> 

両方それらは完全に動作しますが、style = "float: center;"は機能しません。