मार्कडाउन का उपयोग करके, मैं एक छवि और उसके कैप्शन को कैसे केंद्रित करूं?

Question

मैं इसके साथ समाप्त करना चाहता हूं:

Hello there! 

     <image> 
     This is an image 

Hi! 

जहां छवि और पाठ This is an image पृष्ठ पर केंद्रित हैं। मैं मार्कडाउन के साथ इसे कैसे पूरा करूं?

संपादित करें: ध्यान दें कि मैं पृष्ठ पर छवि और पाठ को क्षैतिज रूप से केंद्रित करना चाहता हूं।

Answer 1

आपको परिभाषित ऊंचाई के साथ एक ब्लॉक कंटेनर की आवश्यकता है, रेखा-ऊंचाई के लिए समान मूल्य और लंबवत-संरेखण वाली छवि: मध्य; यह काम करना चाहिए।

Hello there ! 

<div id="container"> 
    <img /> 
    This is an image 
</div> 

Hi ! 

#container { 
    height:100px; 
    line-height:100px; 
} 

#container img { 
    vertical-align:middle; 
    max-height:100%; 
} 

Answer 2

मुझे लगा कि मुझे केवल HTML का उपयोग करना होगा जहां मैं कुछ क्षैतिज रूप से संरेखित करना चाहता हूं।

तो मेरी कोड इस तरह दिखेगा:

Hello there! 

     <center><img src="" ...></center> 
     <center>This is an image</center> 

Hi! 

Answer 3

आप kramdown उपयोग कर रहे हैं, तो आप इस

Hello there! 

{:.center} 
![cardinal](/img/2012/cardinal.jpg) 
This is an image 

Hi! 

.center { 
    text-align: center; 
} 

Answer 4

Mou (और शायद Jekyll) में क्या कर सकते हैं यह काफी सरल है।

-> This is centered Text <- 

तो इसे ध्यान में रखते हुए आप इसे आईएमजी वाक्यविन्यास पर लागू कर सकते हैं।

->![alt text](/link/to/img)<- 

इस वाक्य रचना Markdown कार्यान्वयन है कि केवल लागू क्या Daring Fireball पर प्रलेखित है के लिए काम नहीं करता।

Answer 5

kramdown साथ

(githubpages द्वारा प्रयोग किया जाता)

{: style="text-align:center"} 
That is, while there is value in the items on 
the right, we value the items on the left more. 

या @ से प्रतिक्रिया (स्टीवन पैसा)

{:.mycenter} 
That is, while there is value in the items on 
the right, we value the items on the left more. 

<style> 
.mycenter { 
    text-align:center; 
} 
</style> 

Answer 6

मुझे लगता है कि मैं एक समाधान है कि आप सीएसएस परिभाषित कर सकते हैं को देखते हुए काम करना चाहिए का उपयोग करते हुए , और किसी भी एक्सटेंशन की आवश्यकता नहीं है। सबसे पहले आपका मार्कडाउन छवि कोड:

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

अतिरिक्त यूआरएल हैश # सेंसर नोट करें।

अब सीएसएस

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

में इस नियम को जोड़ते हैं तो आपको लगभग एक वर्ग के नाम को परिभाषित करने की तरह इस तरह एक यूआरएल हैश का उपयोग करने में सक्षम होना चाहिए।