`Doğal 'metin hizalama işaretleme


Yanıtlar:


159

yerli markdown gelmez olmadan metin hizalama desteklemesihtml+css.


65
Bu nedenle, metninizi sarın <p style="text-align: center;">ve </p>herhangi bir işaretlemede çalışması gerekir
SDJMcHattie

15
Github kullanıcıları: satır içi stiller github üzerinde çalışmaz ve Github Aromalı Markdown'ın genişletilmiş özellikleri olarak dahil edilmez. Bu Jan 2017 tarihi itibariyle tüm github destekler . GFM'ye uyduklarını ve satır içi stiller gibi şeyler gösterdiğini söyleyen birçok çevrimiçi etiketleme testçisi var, ancak github markdown [hemen hemen] * şu anda HTML / CSS'yi desteklemiyor. * <br>çalışan bazı gizli etiketler olabilir böylece çalışır.
Govind Rai

16
Github kullanıcıları: itibarıyla 6/8/2017 başarıyla aşağıda Diego Vinicius cevabı markdown dosyalarda metin ortalar. Metninizi şu pşekilde alignayarlanmış bir etikete sarın center:<p align="center">centered text</p>
Kröw

2
BTW, hangisi daha iyi olurdu, <div>ya da <p>? A pbir paragraftır, belki divdaha tarafsız ve daha iyi bir alternatif olabilir mi?
VasiliNovikov

2
@SDJMcHattie .md dosyasını .pdf dosyasına dönüştürürken çalışmaz.
Marc Le Bihan

85

Metni md dosyalarında ortalamak için orta etiketi html etiketi gibi kullanabilirsiniz:

<center>Centered text</center>

10
Bu yöntem html 5'te kullanımdan kaldırılmıştır.

1
Bu yöntem 15 Ağustos 2018 itibariyle SquareSpace Markdown bloklarında çalışır.
ikjadoon

22

Bunun markdown olmadığını biliyordum, ama <p align="center">benim için çalıştı, bu yüzden kimse markdown sözdizimini anlarsa bunun yerine kullanmaktan memnuniyet duyarım. O zamana kadar HTML etiketini kullanacağım.


1
hizalama nitelik HTML 5. yana HTML 4 ve eskimiş zamandan beri kullanılmadığından
Jindrich Vavruska

5
Yukarıdaki cevaplar işe yaramazken , bu yöntem benim için bazı metinleri github'da başarıyla ortaladı .
Kröw

1
Sadece github üzerinde test edildi: metin için çalışıyor, görüntüler için çalışmıyor.
xtian

1
html etiketleri çalışırsa, sen bir denemeye, basit hizada o p etiketi ile uyum olamaz <div class = "margin: 0 auto;"> sizinle görüntü div içinde
Diego Vinicius

16

Bu hacky ama GFM veya borular içeren tablolar oluşturmak için başka bir MD sözdizimi kullanıyorsanız sütun hizalama özelliklerini kullanabilirsiniz:

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

Bu işaretli olarak çalışır.


1
Bir başlık için başvuruda bulunmak için nasıl dolaşılır? "|" İçinde düz bir "#" kullanırsam kelimesi kelimesine görünür.
nilon

Bu yalnızca metin için işe yarıyor gibi görünüyor. Bir görüntüyü ortalamaya çalışıyorum.
Vince

10

Github'da yazmanız gerekenler:

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

"Dizin" listesiyle daha uzun README.md dosyalarını başlatmak istiyorum. Okuyucular dizine geri dönmek istiyorum durumunda her bölümün sonuna bunu koydum <p align="right">[Index](#index)</p>Harika çalışıyor :)
Bay Kennedy

1
Bu çözüm işe yarıyor, ancak italik metin gibi bazı stiller kayboluyor.
JavDomGom

8

Div öğesinin kendi hizalama özelliği vardır, align .

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

1
En iyi çözüm. "Merkez" yerine "bloklama" kullanabiliriz. Hiçbir şeyi bozmadan div içindeki her şeye uygulanır.
impopularGuy

4

İçin Markdown Ekstra özel kullanıcı özellikleri kullanabilirsiniz:

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

Bu, üstbilgiler ve blok alıntılar için geçerlidir, ancak paragraflar, satır içi öğeler ve kod blokları için geçerli değildir.

Daha kısa bir sürüm (ancak HTML 5'te desteklenmez):

# Example text {align=center}

@AlmostPitt Belirtildiği gibi, Markdown Extra özel bir özelliktir, başka bir yerde çalışması muhtemel değildir.


1

Bir görüntüyü merkezlemeye çalışıyordum ve buradaki yanıtlarda önerilen tekniklerin hiçbiri işe yaramadı. <img>Satır içi CSS içeren normal bir HTML benim için çalıştı ...

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

Bu GitHub'da barındırılan bir Jekyll blogu içindir


-2

Jupyter dizüstü bilgisayar hücrelerinde lateks sözdizimini kullanmak için oldukça yararlı buldum, örneğin:

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

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

-13

Ortaya hizalamak için, ortalamak istediğiniz metni oklarla ( -> <-) şu şekilde çevirin :

-> This is center aligned <-

3
Bu seçeneği bazı çevrimiçi Markdown'da test ediyorum. Bir URL ekleyebilir veya Markdown'da bu cümlenin işe yaradığını söyleyebilir misiniz?
equiman

Bu , orijinal etiketlemenin C uygulaması olan Discount'ta ( pell.portland.or.us/~orc/Code/discount ) çalışır .
Calum

Ve aynı zamanda RDiscount onun rubyuygulanması. Teşekkürler!
jibiel

Bunu çalıştırmak için bu eklentiyi eklemelisiniz: npmjs.com/package/markdown-it-center-text
Lukas Liesis

Notepad ++ ile çalışmaz (python
markdown
Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.