毎月号に記事を掲載するサイトを作っています。それは簡単で、Markdown エディター (ここでは Stack Overflow にあるWMDのようなもの) を使用するのが完璧だと思います。
ただし、特定の段落内で画像を右揃えにする機能は必要です。
現在のシステムでそれを行う方法がわかりません - 可能ですか?
247039 次
15 に答える
240
HTML を Markdown に埋め込むことができるので、次のようなことができます。
<img style="float: right;" src="whatever.jpg">
Continue markdown text...
于 2008-10-31T22:47:23.227 に答える
27
私は、テーブルを使用して画像を垂直パイプ ( |) 構文で整列させることで、非常に怠け者になるのが好きです。これは、いくつかの Markdown フレーバーでサポートされています (また、それがあなたのボートに浮かぶ場合は、 Textileでもサポートされています)。
| I am text to the left |  |
また
|  | I am text to the right |
これは最も柔軟なソリューションではありませんが、私の単純なニーズのほとんどには適しており、マークダウン形式で読みやすく、CSS や未加工の HTML を覚える必要はありません。
于 2013-01-24T18:33:34.690 に答える
24
Embedding CSS is bad:
CSS in another file:
img[alt=Flowers] { float: right; }
于 2011-02-19T22:51:48.307 に答える
10
p#given img { float: right }スタイル シートを挿入するか、タグ<head>で囲んで、さらにクリーンにすることもできます。style次に、 markdown を使用します。
于 2010-11-14T15:08:03.223 に答える
9
<div style="float:left;margin:0 10px 10px 0" markdown="1">
</div>
markdownMarkdown 内の属性の可能性。
于 2009-08-04T15:18:46.853 に答える
0
警告ボックス内で、画像とテキストを 1 つのブロック内の段落の一部として並べて配置します。
<div class="warning" style='background-color:#EDF2F7; color:#1A2067; border-left: solid #718096 4px; border-radius: 4px;'>
<p style='padding:0.7em; margin-left:0.7em; display: inline-block;'>
<img src="typora_images/image-20211028083121348.png" style="zoom:70%; float:right; padding:0.7em"/>
<b>isomorphism</b> → In mathematics, an isomorphism is a structure-preserving mapping between two structures of the same type that can be reversed by an inverse mapping.<br>
</p>
</div>
出力:
于 2021-10-28T03:23:52.407 に答える
-1
これは私のために働く
<p align="center">
<img src="/LogoOfficial.png" width="300" >
</p>
于 2020-05-20T19:07:41.200 に答える
-16
最も簡単なのは、画像を中央のタグで囲むことです...
<center></center>
Markdown に関するものはすべてここでテストできます - http://daringfireball.net/projects/markdown/dingus
確かに、<center>非推奨かもしれませんが、シンプルで機能します!
于 2011-12-13T05:58:46.460 に答える