Розмітка "рідного" вирівнювання тексту


Відповіді:


159

нативна розмітка не підтримує вирівнювання тексту безhtml+css.


65
Тому введіть текст <p style="text-align: center;">і </p>який повинен працювати в будь-якій
розмітці

15
Користувачі Github: вбудовані стилі не працюють на github і не включаються як розширені функції Github Flavored Markdown. Це все підтримує github станом на січень 2017 року . Є багато інтернет-тестувальників тестування, які кажуть, що вони відповідають GFM та показують такі речі, як стилі вбудованої роботи, але розмітка github [досить багато] * на даний момент не підтримує HTML / CSS. * <br>працює, тому можуть бути деякі приховані теги, які працюють.
Говінд Рай

16
Користувачі Github: Станом на 6/8/2017 відповідь Дієго Вініція внизу успішно центрує текст у файлах розмітки. Просто загортайте текст у pтег, alignвстановлений centerтак:<p align="center">centered text</p>
Kröw

2
BTW, що було б краще використовувати, <div>або <p>? A p- абзац, тож, можливо div, буде більш нейтральною та кращою альтернативою?
ВасильНовіков

2
@SDJMcHattie Це не працює при перетворенні .md в .pdf.
Марк Ле

85

Для центрування тексту у файлах md ви можете використовувати тег центру, як тег HTML:

<center>Centered text</center>

10
Цей метод застарілий у html 5.

1
Цей метод працює над блоками Markdown SquareSpace станом на 15 серпня 2018 року.
ikjadoon

22

Я знав, що це не розмітка, але він <p align="center">працював на мене, тому, якщо хтось з'ясує синтаксис розмітки, я з радістю використаю це. До цього часу я буду використовувати тег HTML.


1
Align атрибут застарів , так як HTML 4 і застарілим , так як HTML 5
Jindrich Vavruska

5
Хоча вищезазначені відповіді не спрацювали, цей метод успішно зосередив деякий текст для мене на github .
Kröw

1
Щойно перевірений на github: він працює для тексту, він не працює для зображень.
xtian

1
якщо html-теги спрацьовують, ви не можете вирівняти з p тегом o просто вирівняти, спробуйте з <div class = "margin: 0 auto;"> з вами зображення всередині div
Дієго Вініцій

16

Це хакі, але якщо ви використовуєте GFM або інший синтаксис MD, який підтримує побудову таблиць з трубами, ви можете використовувати функції вирівнювання стовпців:

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

Це працює помітно.


1
Як можна було б обійти це, щоб подати заявку на заголовок? Якщо я використовую звичайний "#" всередині "|" воно з'являється дослівно.
найлон

Здається, це працює лише для тексту. Я намагаюся зосереджувати зображення.
Вінс

10

У Github вам потрібно написати:

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

Мені подобається запускати довші файли README.md зі списком "Index". Я ставлю це в кінці кожного розділу на випадок, якщо читачі хочуть з'явитись до індексу. <p align="right">[Index](#index)</p>Чудово працює :)
Містер Кеннеді

1
Це рішення працює, але деякі стилі на зразок курсивного тексту втрачаються.
JavDomGom

8

Елемент div має власний атрибут вирівнювання, вирівняти .

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

1
Найкраще рішення. Ми можемо використовувати «виправдати» замість «центру». Застосовується до всього, що знаходиться всередині div, нічого не спотворюючи.
impopularGuy

4

Для Markdown Extra можна використовувати спеціальні атрибути:

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

Це працює для заголовків і блок-цитат, але не для абзаців, вбудованих елементів та блоків коду.

Коротка версія (але не підтримується в HTML 5):

# Example text {align=center}

@AlmostPitt Як вже згадувалося, це особливість Markdown Extra, вона, ймовірно, не працює в іншому місці.


1

Я намагався зосереджувати зображення, і жоден із прийомів, запропонованих у відповідях, тут не працював. Для <img>мене працював звичайний HTML з вбудованим CSS ...

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

Це для блогу Jekyll, розміщеного на GitHub


-2

Мені було корисно використовувати синтаксис латексу на клітинках ноутбуків юпітера, наприклад:

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

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

-13

Для вирівнювання по центру оточіть текст, який ви хочете в центрі вирівняти стрілками ( -> <-) так:

-> This is center aligned <-

3
Я перевіряю цю опцію в деяких онлайн-маркданах. Чи можете ви додати URL-адресу чи сказати нам, в якому Маркдаун працює у цьому реченні?
еквіман

Це працює у програмі Discount ( pell.portland.or.us/~orc/Code/discount ), реалізація C оригінальної відмітки.
Calum

А також у RDiscount його rubyреалізація. Дякую!
jibiel

Ви повинні додати цей плагін, щоб це працювало: npmjs.com/package/markdown-it-center-text
Lukas Liesis

Не працює в «Блокноті ++» (
розмітка
Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.