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.