我正在做一個網站，每月發布的問題的文章。這很簡單，我認為使用Markdown編輯器(比如StackOverflow中的WMD編輯器)會很完美。

但是，他們確實需要在給定段落中右對齊圖像的能力。

我看不出在當前的系統中有什么方法可以做到這一點——可能嗎？

你可以在Markdown中嵌入HTML，所以你可以這樣做:

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

Continue markdown text...

我在pure Markdown中發現了一個很好的解決方案，只需要一點CSS3 hack :-)

![image alt >](/image-right.jpg)
![image alt <](/image-left.jpg)
![image alt ><](/center-image.jpg)

當圖像alt以& lt結尾時，跟隨左側或右側的CSS 3代碼浮動圖像或者& gt。

img[alt$=">"] {
  float: right;
}

img[alt$="<"] {
  float: left;
}

img[alt$="><"] {
  display: block;
  max-width: 100%;
  height: auto;
  margin: auto;
  float: none!important;
}

許多降價的“額外”處理器支持屬性。所以你可以包含一個類名，比如:

![Flowers](/flowers.jpeg){.callout}

或者，可選地(Maruku、Kramdown、Python Markdown):

![Flowers](/flowers.jpeg){: .callout}

然后，當然，您可以正確地使用樣式表:

.callout {
    float: right;
}

如果您的系統支持這種語法，它將為您提供兩全其美的好處:沒有嵌入的標記，并且樣式表足夠抽象，不需要由內容編輯器進行修改。

對于上面使用alt標簽和ALT標簽上的CSS選擇器的方法，我有一個替代方法...相反，添加一個URL哈希，如下所示:

首先，您的降價圖像代碼:

![my image](/img/myImage.jpg#left)
![my image](/img/myImage.jpg#right)
![my image](/img/myImage.jpg#center)

請注意添加的URL哈希#center。

現在在CSS中添加這個規則，使用CSS3屬性選擇器來選擇帶有特定路徑的圖像。

img[src*='#left'] {
    float: left;
}
img[src*='#right'] {
    float: right;
}
img[src*='#center'] {
    display: block;
    margin: auto;
}

你應該能夠像定義一個類名一樣使用這樣的URL散列，而不是像一些人評論的那樣濫用ALT標簽。它也不需要任何額外的擴展。做一個左右浮動或者其他你想要的樣式。

我喜歡超級懶惰地使用表格，用豎線(|)語法對齊圖像。一些減價商品支持這種做法(如果紡織品能讓你的船漂浮起來，紡織品也支持這種做法):

I am text to the left  | ![Flowers](/flowers.jpeg)

或者

![Flowers](/flowers.jpeg) | I am text to the right

這不是最靈活的解決方案，但它適合我的大多數簡單需求，易于以markdown格式閱讀，并且您不需要記住任何CSS或原始HTML。

嵌入CSS不好:

![Flowers](/flowers.jpeg)

另一個文件中的CSS:

img[alt=Flowers] { float: right; }

markdown中的屬性Markdown可能性。

更干凈的方法是將p#given img { float: right }放在樣式表中，或者放在& lthead & gt并且包裝在樣式標簽中。然后，就用降價！

我認為最簡單的解決方法是直接指定align = & quot右& quot：

<img align="right" src=/logo.png" alt="logo" width="100"/>

這對我有用

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

最簡單的方法是將圖像放在一個中心標簽中，就像這樣...

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

任何與降價有關的東西都可以在這里測試——http://daringfireball.net/projects/markdown/dingus

當然，& lt中心& gt可能會被否決，但它很簡單，它的工作！