(GitHub) मार्कडाउन में एक छवि के चारों ओर प्रवाह पाठ




markdown (3)

मेरी एक लंबी लंबी छवि है जिसे मैं GitHub पर एक README.md फ़ाइल के शीर्ष दाईं ओर प्रदर्शित करना चाहता हूं। मैं इसे ठीक से संरेखित करने के लिए और वर्तमान में कई चीजों की कोशिश कर रहा हूं

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

इसमें यह काम करता है कि छवि दाईं ओर संरेखित है, हालांकि यह सब बेकार है क्योंकि मार्कडाउन फ़ाइल में छवि के नीचे की सभी सामग्री छवि के नीचे प्रदर्शित होती है, बल्कि उसके बाद बाईं ओर।

क्या छवि के चारों ओर पाठ प्रवाह करने का एक तरीका है (हेडर और पैराग्राफ से छुटकारा पाने के बिना)?


GitHub Markdown में align="right" (या left ) विशेषता काम करती है:

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

आप जो वर्णन कर रहे हैं वह एक छवि का "फ्लोटिंग" है, जो पाठ को इसके चारों ओर प्रवाह करने की अनुमति देता है। यदि आप इस विषय के बारे में अधिक जानना चाहते हैं, तो सीएसएस में तैरने के बारे में कई good turtorials हैं। इस समय में, मार्कडाउन में तैरने के लिए एक छवि प्राप्त करने के लिए आप छवि को एक div में लपेट सकते हैं और उस div को तैरते हुए देख सकते हैं:

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

यह मेरे लिए काम करता है ( केवल जेकिल के लिए, यह जीथब मार्कडाउन के लिए काम नहीं करता है ): अपने कंटेंट मार्कडाउन पर कोड बलो रखो (मैं बेहतर संगठन के लिए पहली पंक्ति में डालता हूं)

`` `

<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... को निम्नानुसार संदर्भित करता है: [![Proguard](./proguard-snippets.png)](http://www.thiengo.com.br/proguard-android){: .image-left } Your Text comes here...

नोट .image-left क्लास के अलावा इमेज url।

अंतिम परिणाम यहां दिए गए हैं: मूवीज ऑफ द ईयर jekyll github पेज





markdown