วิธีจัดแนวให้ถูกต้องและจัดแนวใน Markdown


92

ข้อความ Markdown จัดชิดซ้ายเสมอ มีวิธีในการจัดตำแหน่งให้ถูกต้องและเหมาะสมใน Markdown หรือไม่?

เพื่อความแม่นยำฉันใช้ Markdown ในJupyter Notebook (IPython)


1
AFAIK ไม่มีวิธีเปลี่ยนการจัดตำแหน่งใน Markdown (จะทำให้คอมไพเลอร์ / เรนเดอร์ซับซ้อนมากขึ้น) - อาจมีเครื่องมือบางอย่างที่ใช้ไวยากรณ์เพิ่มเติมที่สามารถทำได้ แต่ตอนนี้ฉันไม่รู้เลย (ฉันคิดว่าแม้แต่ pandoc จะไม่ทำ )
Carsten

1
คุณสามารถใช้ CSS บางส่วนเพื่อปรับเปลี่ยนการจัดตำแหน่งหรือเอาต์พุต HTML โดย Markdown ในเบราว์เซอร์ของคุณ อย่างไรก็ตามการจัดแนวข้อความอยู่นอกขอบเขตของ Markdown เอง
Waylan

หากคุณจะใช้รูปแบบ html คุณจะไม่สามารถใช้รูปแบบ. md ภายในข้อความนั้นได้ คำตอบที่ดีที่สุดอยู่ใน: stackoverflow.com/questions/49470805/…ตัวอย่างเช่นสวัสดีนี่คือtextไฟล์. {: style = "text-align: justify"}
Jose Avalos Villa

คำตอบ:


102

ไม่สามารถจัดแนวข้อความในมาร์กดาวน์ดั้งเดิมได้ อย่างไรก็ตามคุณสามารถจัดแนวข้อความโดยใช้แท็ก HTML แบบอินไลน์

<div style="text-align: right"> your-text-here </div>

ในการปรับเหตุผลให้แทนที่rightด้วยjustifyด้านบน


3
ใช้งานได้ แต่จะแบ่งลิงก์เช่น<div style="text-align: right"> [up](https://github.com/loretoparisi/CapsNet#CapsNet) </div>จะไม่แสดงเป็นลิงก์
loretoparisi

3
คุณสามารถใช้<a href="https://your-site.com">Your link</a>แท็กภายใน 🤷‍♂️
Fyodor

Linters แบบอินไลน์มักถูกห้ามโดย Linters ฉันจะหลีกเลี่ยงการใช้ html แบบอินไลน์ใน markdown ฉันโพสต์ข้อเสนอแนะเป็นคำตอบสำหรับคำถามที่นี่
KargWare

24

หากคุณต้องการจัดแนวให้ถูกต้องในแบบฟอร์มคุณสามารถลอง:

| Option | Description |
| ------:| -----------:|
| data   | path to data files to supply the data that will be passed into templates. |
| engine | engine to be used for processing templates. Handlebars is the default. |
| ext    | extension to be used for dest files. |

https://learn.getgrav.org/content/markdown#right-aligned-text


12

หากคุณต้องการใช้ justify align ใน Jupyter Notebook ให้ใช้ไวยากรณ์ต่อไปนี้:

<p style='text-align: justify;'> Your Text </p>

สำหรับการจัดตำแหน่งที่ถูกต้อง:

<p style='text-align: right;'> Your Text </p>

1
ขอขอบคุณที่แสดงjustifyตัวเลือก โพสต์อื่น ๆ พูดถึงการจัดชิดขวาเท่านั้น ตัวเลือกนี้ดูเหมือนจะใช้ได้ดีกับdivแท็กด้วย เสียดายที่ตอบได้แค่คำเดียว :)
Ébe Isaac

หากคุณต้องการจัดเรียงเอกสารทั้งหมดเหมือนฉันให้เพิ่มp { text-align: justify; }ใน CSS นอกจากนี้คุณยังสามารถเพิ่มul { text-align: justify; }องค์ประกอบรายการ
impopularGuy

3

ดังที่กล่าวไว้ที่นี่ markdown ไม่รองรับข้อความหรือบล็อกที่จัดชิดขวา แต่ผลลัพธ์ HTML ทำผ่าน Cascading Style Sheets ( CSS )

ในบล็อก Jekyll ของฉันใช้ไวยากรณ์ที่ใช้งานได้ใน markdown เช่นกัน ในการ "ยุติ" บล็อกให้ใช้ช่องว่างสองช่องที่ท้ายหรือสองครั้งขึ้นบรรทัดใหม่

แน่นอนคุณสามารถเพิ่ม css-class ด้วย{: .right }แทน{: style="text-align: right" }.

ข้อความไปทางขวา

{: style="text-align: right" }
This text is on the right

ข้อความเป็นบล็อก

{: style="text-align: justify" }
This text is a block

1
บางทีคุณอาจต้องชี้แจงสำหรับผู้เริ่มต้นคลาส CSS คืออะไรและจะใช้อย่างไร และฉันคิดว่าสิ่งนี้ใช้ได้กับ Markdown เวอร์ชัน Kramdown เท่านั้น
Santiago

2
@Santiago คุณพูดถูกจะใช้งานได้เฉพาะเมื่อมีการสร้าง markdown เป็น HTML
KargWare

2

หากคุณต้องการใช้คำตอบนี้ฉันพบว่าเมื่อคุณใช้ MacDown บน MacO คุณสามารถ<div style="text-align: justify">ที่จุดเริ่มต้นของเอกสารเพื่อปรับข้อความทั้งหมดและจัดรูปแบบทั้งหมดcodeได้ บางทีมันอาจใช้งานได้กับบรรณาธิการอื่น ๆ ด้วยเพื่อให้คุณลอง;)


ด้วยเหตุผลบางประการจึงใช้ไม่ได้กับทั้งเอกสารเพียงย่อหน้า ฉันใช้ Typora เป็นตัวแก้ไขใน Linux
lucian

1

เฉพาะสำหรับการใช้งาน Jupyter Notebook ของคุณ: ความสามารถในการระบุการจัดแนวคอลัมน์ของตารางควรส่งคืนในรุ่นในอนาคต (รุ่นปัจจุบันเริ่มต้นเป็นชิดขวาทุกที่)

จากPR # 4130 :

อนุญาตให้ตาราง markdown ระบุการจัดแนวด้วย: -,: - :, -: วากยสัมพันธ์ในขณะที่ยังอนุญาตให้ --- เป็นค่าเริ่มต้นเพื่อจัดแนวให้ถูก

สิ่งนี้จะย้อนกลับการเปลี่ยนแปลงก่อนหน้านี้ (ส่วนหนึ่งของ # 2534) ที่ดึงข้อมูลการจัดตำแหน่งออกจาก HTML ที่แสดงผลออกมาจากตัวแสดงผลที่ทำเครื่องหมายไว้ เพื่อความชัดเจนสิ่งนี้ไม่ได้เปลี่ยนค่าเริ่มต้นของการจัดตำแหน่งที่ถูกต้อง แต่จะนำการสนับสนุนกลับมาเพื่อแทนที่การจัดตำแหน่งนี้ต่อคอลัมน์โดยใช้ไวยากรณ์การจัดตำแหน่งตาราง gfm

...


0

ในเอกสาร Markdown ทั่วไปให้ใช้:

<style>body {text-align: right}</style>

หรือ

<style>body {text-align: justify}</style>

ดูเหมือนจะไม่ทำงานกับ Jupyter


โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.