降价和图像对齐

我正在做一个网站，每月发表文章的问题。这很简单，我认为使用Markdown编辑器(如Stack Overflow中的WMD)将是完美的。

然而，他们确实需要在给定的段落中使图像右对齐的能力。

我看不出在目前的体制下有什么办法能做到这一点——有可能吗?

当前回答

最简单的方法是用一个中心标签来包装图像，就像这样…

<center>![Alt test](http://upload.wikimedia.org/wikipedia/en/b/bc/Wiki.png)</center>

任何与Markdown有关的东西都可以在这里测试- http://daringfireball.net/projects/markdown/dingus

当然，<center>可能已弃用，但它很简单，而且可以工作!

2011-12-13 05:58:46

其他回答

在警告框内，将图像和文本作为单个块中的段落的一部分并排对齐。

<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>  &rarr;  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-28 03:23:52

这对我很有用

<p align="center">
 <img src="/LogoOfficial.png" width="300" >
</p>

2020-05-20 19:07:41

最佳和最可定制的选项:

这将使第一个对齐到左边，第二个对齐到右边。也适用于2张以上的图像。

2022-08-18 06:03:37

更简洁的方法是将p#给定的img {float: right}放在样式表中，或者放在<head>中并包装在样式标签中。然后，只需使用markdown ![Alt text](/path/to/img.jpg)。

2010-11-14 15:08:03

<div style="float:left;margin:0 10px 10px 0" markdown="1">
    ![book](/images/book01.jpg)
</div>

markdown内部的属性markdown可能性。

2009-08-04 15:18:46

降价和图像对齐

推荐文章

最新文章

标签