Meratakan penyelarasan teks `asli`

183

Apakah markdownmendukung penyelarasan teks asli tanpa html+ penggunaan css?

markdown lemak
sumber
3
Untuk GitHub Flavoured Markdown , <p align=center>berfungsi. (dari jawaban di bawah ini )
Ulysse BN

Jawaban:

159

markdown asli tidak mendukung perataan teks tanpahtml+css.

Calum
sumber
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>
Erwann Blancart
sumber
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.

Diego Vinícius
sumber
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.

mdarens
sumber
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>
Oleg Pro
sumber
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>
cbilliau
sumber
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}

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

Untuk penurunan harga python dengan ekstensi attr_list sintaksnya sedikit berbeda:

{: #someid .someclass somekey='some value' }

Contoh:

[Click here](http://exmaple.com){: .btn .btn-primary }

Lead information paragraph
{: .lead }
Janusz Skonieczny
sumber
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

Vince
sumber
-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}$$
Jack
sumber
-13

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

-> This is center aligned <-
Shailesh
sumber
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