(GitHub) Markdown에서 이미지 주위에 텍스트 흐름

(GitHub) Markdown에서 이미지 주위에 텍스트 흐름

---

GitHub의 README.md 파일 오른쪽 상단에 표시하려는 좁은 긴 이미지가 있습니다. 나는 그것을 올바르게 맞추기 위해 여러 가지를 시도해 왔으며 현재

<p align="right">
  <img src="doc/subpagelist.png" />
</p>

이것은 이미지가 오른쪽에 정렬된다는 점에서 작동하지만 Markdown 파일의 이미지 아래에있는 모든 콘텐츠가 이미지의 왼쪽이 아닌 아래쪽에 표시되므로 다소 쓸모가 없습니다.

머리글과 단락을 제거하지 않고 이미지 주위에 텍스트가 흐르도록하는 방법이 있습니까?

---

align="right"(또는 leftGitHub의 마크 다운의) 속성 작품 :

<img align="right" src="doc/subpagelist.png">

---

그것은 나를 위해 작동합니다 ( jekyll에만 해당되며 github markdown에서는 작동하지 않습니다 ) : 콘텐츠 마크 다운에 다음 코드를 넣으십시오 (더 나은 구성을 위해 첫 번째 줄에 넣었습니다)

```

<style type="text/css">
.image-left {
  display: block;
  margin-left: auto;
  margin-right: auto;
  float: right;
}
</style>

```

그리고 다음과 같이 이미지를 참조하십시오. [![Proguard](./proguard-snippets.png)](http://www.thiengo.com.br/proguard-android){: .image-left } Your Text comes here...

노트 이미지입니다 왼쪽 이미지 URL 이외의 클래스를.

최종 결과는 여기 : 올해의 영화 jekyll github 페이지

---

마크 다운에서 태그에 추가 속성을 추가 할 수 있습니다. 예를 들어 나는 당신이하려는 일에 이것을 사용합니다.

![Some Title](http://placehold.it/image.jpeg){:style="float: right;margin-right: 7px;margin-top: 7px;"}

---

당신이 설명하는 것은 이미지의 "떠 다니는"것으로, 텍스트가 그 주위에 흐르도록합니다. 있습니다 숫자 의 좋은 turtorials 이 항목에 대한 자세한 내용을 원한다면 CSS에 떠있는 약은. 그 동안 Markdown에서 이미지를 플로팅하려면 다음을 사용하여 이미지를 div로 래핑하고 해당 div를 플로팅 할 수 있습니다.

<div style="float: right">
    ![Replace this with your image](http://placehold.it/85x85 "Title")
</div>

참조 URL : https://stackoverflow.com/questions/19075023/flow-text-around-an-image-in-github-markdown