Meratakan penyelarasan teks `asli`


Jawaban:


159

markdown asli tidak mendukung perataan teks tanpahtml+css.


65
Oleh karena itu masukkan teks Anda <p style="text-align: center;">dan </p>mana yang harus bekerja dalam penurunan harga apa pun
SDJMcHattie

15
Pengguna Github: gaya inline tidak berfungsi di github dan tidak termasuk fitur tambahan dari Github Flavoured Markdown. Ini semua dukungan github pada Jan 2017 . Ada banyak penguji penurunan harga online yang mengatakan mereka mematuhi GFM dan menunjukkan hal-hal seperti gaya inline bekerja, tetapi penurunan harga github [cukup banyak] * tidak mendukung HTML / CSS saat ini. * <br>berfungsi sehingga mungkin ada beberapa tag tersembunyi yang berfungsi.
Govind Rai

16
Pengguna Github: Per 6/8/2017 , jawaban Diego Vinícius di bawah berhasil memusatkan teks dalam file penurunan harga. Hanya membungkus teks Anda dalam ptag dengan alignset ke center, seperti:<p align="center">centered text</p>
Kröw

2
BTW, mana yang lebih baik untuk digunakan, <div>atau <p>? A padalah paragraf, jadi mungkin divakan menjadi alternatif yang lebih netral dan lebih baik?
VasiliNovikov

2
@ SDJMcHattie Ini tidak berfungsi saat mengonversi .md ke .pdf.
Marc Le Bihan

85

Untuk memusatkan teks dalam file md Anda dapat menggunakan tag tengah seperti tag html:

<center>Centered text</center>

10
Metode ini sudah tidak digunakan lagi dalam html 5.

1
Metode ini bekerja pada blok-blok SquareSpace Markdown, pada 15 Agustus 2018.
ikjadoon

22

Saya tahu ini bukan penurunan harga, tetapi <p align="center">berhasil bagi saya, jadi jika ada yang tahu sintaks penurunan harga, saya akan senang menggunakannya. Sampai saat itu saya akan menggunakan tag HTML.


1
yang menyelaraskan atribut telah usang sejak HTML 4 dan usang sejak HTML 5.
Jindrich Vavruska

5
Meskipun jawaban di atas tidak berfungsi, metode ini berhasil memusatkan beberapa teks untuk saya di github .
Kröw

1
Baru diuji pada github: itu berfungsi untuk teks, itu tidak berfungsi untuk gambar.
xtian

1
jika tag html berfungsi, Anda tidak dapat menyelaraskan dengan tag p o meluruskan sederhana, coba dengan <div class = "margin: 0 auto;"> dengan gambar Anda di dalam div
Diego Vinícius

16

Gagal tetapi jika Anda menggunakan GFM atau sintaksis MD lainnya yang mendukung tabel bangunan dengan pipa, Anda dapat menggunakan fitur perataan kolom:

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

Ini berfungsi dalam ditandai.


1
Bagaimana orang menyiasatinya untuk mengajukan tajuk? Jika saya menggunakan "#" polos di dalam "|" muncul kata demi kata.
nilon

Ini hanya berfungsi untuk teks. Saya mencoba memusatkan gambar.
Vince

10

Di Github, Anda perlu menulis:

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

Saya ingin memulai lebih lama file README.md dengan daftar "Indeks". Saya meletakkan ini di akhir setiap bagian jika pembaca ingin kembali ke indeks <p align="right">[Index](#index)</p>Works great :)
Mr. Kennedy

1
Solusi ini berfungsi, tetapi beberapa gaya seperti teks miring hilang.
JavDomGom

8

Elemen div memiliki atribut alignment sendiri, align .

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

1
Solusi terbaik. Kita dapat menggunakan "justify" sebagai pengganti "center". Berlaku untuk semua yang ada di dalam div tanpa mendistorsi apa pun.
impopularGuy

4

Untuk Markdown Extra, Anda dapat menggunakan atribut khusus:

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

Ini berfungsi untuk header dan blockquotes, tetapi tidak untuk paragraf, elemen sebaris dan blok kode.

Versi yang lebih pendek (tetapi tidak didukung dalam HTML 5):

# Example text {align=center}

@AlmostPitt Seperti disebutkan, ini adalah fitur khusus Markdown Extra, sepertinya tidak akan berfungsi di tempat lain.


1

Saya mencoba memusatkan gambar dan tidak ada teknik yang disarankan dalam jawaban di sini yang berfungsi. HTML biasa <img>dengan CSS sebaris bekerja untuk saya ...

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

Ini untuk blog Jekyll yang dihosting di GitHub


-2

Saya menemukan cukup berguna untuk menggunakan sintaks lateks pada sel notebook jupyter, seperti:

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

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

-13

Untuk meluruskan tengah, mengelilingi teks yang ingin Anda luruskan tengah dengan panah ( -> <-) seperti:

-> This is center aligned <-

3
Saya menguji opsi ini di beberapa penurunan harga online. Bisakah Anda menambahkan URL atau memberi tahu kami bahwa penurunan harga ini berfungsi?
equiman

Ini berfungsi di Discount ( pell.portland.or.us/~orc/Code/discount ), implementasi C dari penurunan harga asli.
Calum

Dan juga dalam RDiscount nya rubyimplementasi. Terima kasih!
jibiel

Anda harus menambahkan plugin ini agar bisa berfungsi: npmjs.com/package/markdown-it-center-text
Lukas Liesis

Tidak berfungsi di Notepad ++ (python markdown + Plugin HTML langsung)
816-8055
Dengan menggunakan situs kami, Anda mengakui telah membaca dan memahami Kebijakan Cookie dan Kebijakan Privasi kami.
Licensed under cc by-sa 3.0 with attribution required.