Markdown `native` выравнивание текста

183

Есть ли markdownподдержка родного выравнивания текста без использования html+ css?

жир
источник
3
Для GitHub ароматизированных Markdown , <p align=center>работает. (из этого ответа ниже )
Ulysse BN

Ответы:

159

родная уценка не поддерживает выравнивание текста безhtml+css.

Calum
источник
65
Поэтому оберните свой текст <p style="text-align: center;">и </p>который должен работать в любой
уценке
15
Пользователи Github: встроенные стили не работают на github и не включены в расширенные функции Github Flavored Markdown. Это все, что поддерживает github с января 2017 года . Есть много онлайн-тестеров по уценке, которые говорят, что они соответствуют GFM и показывают такие вещи, как работающие встроенные стили, но github markdown [в значительной степени] * в настоящее время не поддерживает HTML / CSS. * <br>работает, поэтому могут быть некоторые скрытые теги, которые работают.
Говинд Рай
16
Пользователи Github: По состоянию на 8.06.2017 , ответ Диего Винициуса ниже успешно центрирует текст в файлах уценки. Просто оберните ваш текст в pтег с alignустановленным на center, например так:<p align="center">centered text</p>
Kröw
2
Кстати, что было бы лучше использовать, <div>или <p>? А pэто абзац, так может быть, divбудет более нейтральная и лучшая альтернатива?
Василий Новиков
2
@SDJMcHattie Это не работает при конвертации .md в .pdf.
Марк Ле Биан
85

Чтобы центрировать текст в md-файлах, вы можете использовать тег center, например html tag:

<center>Centered text</center>
Эрван Бланкарт
источник
10
Этот метод устарел в html 5.
1
Этот метод работает с блоками MarkS SquareSpace по состоянию на 15 августа 2018 года.
ikjadoon
22

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

Диего Виниций
источник
1
Align атрибут устарел , так как HTML 4 и устаревшим , так как HTML 5
Jindrich Vavruska
5
Хотя приведенные выше ответы не сработали, этот метод успешно центрировал для меня текст на github .
Крюв
1
Только что протестировано на github: оно работает для текста, оно не работает для изображений.
кстианской
1
если html-теги работают, вы не можете выровнять с тэгом p или просто выровнять, попробуйте <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 -->

Это работает в пометке.

mdarens
источник
1
Как можно обойти это, чтобы подать заявку на заголовок? Если я использую простой "#" внутри "|" это кажется дословным.
Нилон
Это только работает для текста. Я пытаюсь центрировать изображение.
Винс
10

В Github нужно написать:

<p align="justify">
  Lorem ipsum
</p>
Олег Про
источник
Мне нравится запускать более длинные файлы README.md со списком «Index». Я помещаю это в конце каждого раздела на случай, если читатели захотят вернуться к индексу. <p align="right">[Index](#index)</p>Отлично работает :)
Мистер Кеннеди,
1
Это решение работает, но некоторые стили, такие как курсив, теряются.
JavDomGom
8

Элемент div имеет свой собственный атрибут выравнивания, align .

<div align="center">
  my text here.
</div>
cbilliau
источник
1
Лучшее решение. Мы можем использовать «оправдать» вместо «центра». Относится ко всему внутри div без искажений.
impopularGuy
4

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

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

Это работает для заголовков и кавычек, но не для абзацев, встроенных элементов и блоков кода.

Более короткая версия (но не поддерживается в HTML 5):

# Example text {align=center}

источник
@AlmostPitt Как уже упоминалось, это особая функция Markdown Extra, она вряд ли будет работать в другом месте.
1

Я пытался центрировать изображение, и ни одна из техник, предложенных в ответах, не сработала. Обычный HTML <img>со встроенным CSS работал для меня ...

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

Это для блога Jekyll, размещенного на GitHub

Vince
источник
-2

Я нашел довольно полезным использовать синтаксис латекса в ячейках ноутбуков Jupyter, например:

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

$$\text{This is some centered text}$$
домкраты
источник
-13

Чтобы выровнять по центру, окружите текст, который вы хотите выровнять по центру, стрелками ( -> <-) следующим образом:

-> This is center aligned <-
Shailesh
источник
3
Я тестирую эту опцию в какой-то онлайн-разметке. Можете ли вы добавить URL-адрес или сказать нам, в котором Markdown работает это предложение?
Эквиман
Это работает в Discount ( pell.portland.or.us/~orc/Code/discount ), реализация C оригинальной уценки.
Калум
А также в RDiscount его rubyреализация. Спасибо!
Джибиэль
Вы должны добавить этот плагин, чтобы он работал: npmjs.com/package/markdown-it-center-text
Lukas Liesis
Не работает в Notepad ++ (Python Markdown + Live HTML-плагин)
816-8055