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


183

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


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

Ответы:


159

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


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 -->

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


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>

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


-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 <-

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
Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.