Markdown `การจัดตำแหน่งข้อความดั้งเดิม


คำตอบ:


159

พื้นเมือง markdown ไม่สนับสนุนการจัดตำแหน่งข้อความได้โดยไม่ต้อง+htmlcss


65
ดังนั้นให้ห่อข้อความของคุณ<p style="text-align: center;">และ</p>ควรทำงานในส่วนใด
SDJMcHattie

15
ผู้ใช้ Github:สไตล์แบบอินไลน์ไม่ทำงานบน GitHub และไม่รวมอยู่ในคุณสมบัติเพิ่มเติมของ Github Flavoured Markdown นี่คือทั้งหมด GitHub สนับสนุน ณ มกราคม 2017 มีผู้ทดสอบ markdown ออนไลน์หลายคนที่กล่าวว่าพวกเขาปฏิบัติตาม GFM และแสดงสิ่งต่าง ๆ เช่นรูปแบบอินไลน์ที่ทำงานได้ แต่ github markdown [สวยมาก] * ไม่รองรับ HTML / CSS ในขณะนี้ * ใช้<br>งานได้ดังนั้นอาจมีแท็กที่ซ่อนอยู่ซึ่งใช้งานได้
Govind Rai

16
ผู้ใช้ Github:ตั้งแต่วันที่6/8/2560คำตอบของ Diego Viníciusด้านล่างจะจัดข้อความไว้ในไฟล์มาร์กอัป เพียงแค่ตัดข้อความของคุณในpแท็กกับalignชุดcenterเช่นดังนั้น:<p align="center">centered text</p>
Krow

2
BTW ซึ่งจะดีกว่าการใช้งาน<div>หรือ<p>? A pคือย่อหน้าดังนั้นอาจdivจะเป็นทางเลือกที่เป็นกลางและดีกว่าหรือไม่
VasiliNovikov

2
@SDJMcHattie สิ่งนี้ไม่ทำงานเมื่อแปลง. md เป็น. pdf
Marc Le Bihan

85

เพื่อจัดกึ่งกลางข้อความในไฟล์ md คุณสามารถใช้แท็กกลางเช่นแท็ก html:

<center>Centered text</center>

10
วิธีนี้เลิกใช้ใน html 5.

1
วิธีนี้ใช้ได้กับบล็อกของ SquareSpace ตั้งแต่วันที่ 15 สิงหาคม 2018
ikjadoon

22

ฉันรู้ว่านี่ไม่ใช่ markdown แต่ใช้<p align="center">งานได้สำหรับฉันดังนั้นหากใครก็ตามที่เข้าใจไวยากรณ์ของ markdown แทนฉันก็ยินดีที่จะใช้มัน ก่อนหน้านั้นฉันจะใช้แท็ก HTML


1
จัดแอตทริบิวต์ได้เลิกใช้ตั้งแต่ HTML 4 และล้าสมัยตั้งแต่ HTML 5
Jindrich Vavruska

5
ในขณะที่คำตอบดังกล่าวข้างต้นไม่ได้ทำงานวิธีนี้ประสบความสำเร็จเป็นศูนย์กลางข้อความบางอย่างสำหรับฉันบน GitHub
Kröw

1
เพิ่งทดสอบกับ GitHub: มันใช้กับข้อความได้ แต่มันไม่ทำงานกับรูปภาพ
xtian

1
หากแท็ก html ใช้งานได้คุณไม่สามารถจัดตำแหน่งด้วยแท็ก p จัดตำแหน่งแบบง่าย ๆ ให้ลองกับ <div class = "margin: 0 auto;"> ด้วยภาพของคุณภายใน div
Diego Vinícius

16

มันแฮ็ก แต่ถ้าคุณใช้GFMหรือไวยากรณ์ MD อื่น ๆ ที่สนับสนุนการสร้างตารางด้วยไพพ์คุณสามารถใช้คุณสมบัติการจัดเรียงคอลัมน์:

|| <!-- empty table header -->
|:--:| <!-- table header/body separator with center formatting -->
| I'm centered! | <!-- cell gets column's alignment -->

งานนี้ทำเครื่องหมาย


1
เราจะใช้วิธีนี้กับการมุ่งหน้าไปได้อย่างไร? ถ้าฉันใช้ธรรมดา "#" ภายใน "|" มันจะปรากฏเป็นคำต่อคำ
nilon

ดูเหมือนว่าจะใช้งานได้กับข้อความเท่านั้น ฉันพยายามจัดภาพให้อยู่ตรงกลาง
วินซ์

10

ใน Github คุณต้องเขียน:

<p align="justify">
  Lorem ipsum
</p>

ฉันต้องการเริ่มต้นไฟล์ README.md ที่ยาวขึ้นด้วยรายชื่อ "ดัชนี" ฉันวางสิ่งนี้ไว้ที่ส่วนท้ายของแต่ละส่วนในกรณีที่ผู้อ่านต้องการกลับไปที่ดัชนีใช้<p align="right">[Index](#index)</p>งานได้ดี :)
นายเคนเนดี้

1
วิธีนี้ใช้ได้ผล แต่สไตล์บางอย่างเช่นข้อความตัวเอียงจะหายไป
JavDomGom

8

องค์ประกอบ div มีแอตทริบิวต์การจัดตำแหน่งของตัวเองจัด

<div align="center">
  my text here.
</div>

1
ทางออกที่ดีที่สุด เราสามารถใช้ "ปรับ" แทน "ศูนย์" ใช้กับทุกสิ่งภายใน div โดยไม่บิดเบือนอะไรเลย
ImpuineGuy

4

สำหรับMarkdown Extraคุณสามารถใช้แอตทริบิวต์ที่กำหนดเองได้:

# Example text {style=text-align:center}

สิ่งนี้ใช้ได้สำหรับส่วนหัวและบล็อกโควต แต่ไม่ใช่สำหรับย่อหน้าองค์ประกอบแบบอินไลน์และบล็อคโค้ด

รุ่นที่สั้นกว่า (แต่ไม่รองรับใน HTML 5):

# Example text {align=center}

@AlmostPitt ตามที่กล่าวไว้เป็นคุณลักษณะเฉพาะของ Markdown Extra มันไม่น่าจะทำงานที่อื่นได้


1

ฉันพยายามจัดกึ่งกลางภาพและไม่มีเทคนิคใดที่แนะนำในคำตอบที่นี่ใช้ได้ HTML ปกติ<img>พร้อม CSS แบบอินไลน์ใช้งานได้สำหรับฉัน ...

<img style="display: block; margin: auto;" alt="photo" src="{{ site.baseurl }}/images/image.jpg">

นี่คือบล็อก Jekyll ที่โฮสต์ใน GitHub


-2

ฉันพบว่าค่อนข้างมีประโยชน์ในการใช้ latex syntax ในเซลล์โน๊ตบุ๊ค jupyter เช่น:

![good-boy](https://i.imgur.com/xtoLyW2.jpg  "Good boy on boat")

$$\text{This is some centered text}$$

-13

หากต้องการจัดกึ่งกลางให้ล้อมข้อความที่คุณต้องการจัดกึ่งกลางด้วยลูกศร ( -> <-) ดังนี้:

-> This is center aligned <-

3
ฉันทดสอบตัวเลือกนี้ใน Markdown ออนไลน์ คุณสามารถเพิ่ม URL หรือบอกเราด้วย Markdown ที่ทำงานได้หรือไม่?
equiman

สิ่งนี้ใช้งานได้ในส่วนลด ( pell.portland.or.us/~orc/Code/discount ) ซึ่งเป็นการนำ C มาใช้ของ markdown ดั้งเดิม
Calum

และในRDiscountการrubyใช้งาน ขอบคุณ!
jibiel

คุณต้องเพิ่มปลั๊กอินนี้เพื่อให้สามารถใช้งานได้: npmjs.com/package/markdown-it-center-text
Lukas Liesis

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