Markdown `родное` выравнивание текста
Есть ли markdown поддержка выравнивания текста без использования html + css?
15 ответов
Родная разметка не поддерживает выравнивание текста без html + css,
Чтобы центрировать текст в md-файлах, вы можете использовать тег center, например html tag:
<center>Centered text</center>
Элемент div имеет свой собственный атрибут выравнивания, align.
<div align="center">
my text here.
</div>
Я знаю, что это не уценка, но <p align="center"> работал для меня, так что если кто-нибудь выяснит синтаксис уценки вместо этого, я буду рад использовать это. До тех пор я буду использовать тег HTML.
Это забавно, но если вы используете GFM или какой-то другой синтаксис MD, который поддерживает построение таблиц с конвейерами, вы можете использовать функции выравнивания столбцов:
|| <!-- empty table header -->
|:--:| <!-- table header/body separator with center formatting -->
| I'm centered! | <!-- cell gets column's alignment -->
Это работает в пометке.
В Github нужно написать:
<p align="justify">
Lorem ipsum
</p>
Для Markdown Extra вы можете использовать пользовательские атрибуты:
# Example text {style=text-align:center}
Это работает для заголовков и кавычек, но не для абзацев, встроенных элементов и блоков кода.
Более короткая версия (но не поддерживается в HTML 5):
# Example text {align=center}
Квалифицированное «да» с использованием табличного синтаксиса. Например, вы можете выровнять простой текст по центру следующим образом:
| |
| :-: |
| Excerpts from Romeo and Juliet (arr. V. Borisovsky) |
Это дает:
Обратите внимание, что вы по-прежнему можете использовать Markdown внутри блока HTML. Например:
<div style="font-style: italic; text-align: center;" markdown="1">
## Excerpts from Romeo and Juliet (arr. V. Borisovsky)
### Sergei Prokofiev
#### Timothy Ridout, viola ∙ Frank Dupree, piano
</div>
Я нашел довольно полезным использовать латексный синтаксис в ячейках ноутбуков jupyter, например:
$$\text{This is some centered text}$$
Для большинства парсеров уценки нет возможности нативно выравнивать текст. Несколько парсеров поддерживают этот синтаксис:
-> centered <-.
Но если ваш синтаксический анализатор не поддерживает его, вы можете использовать для этого HTML, даже позволяя отображать уценку внутри тегов.
При использовании любого элемента, такого как заголовок, вы можете использовать эквивалентный тег html, например
# Title
## title 2
эквивалентно
<h1> Title </h1>
<h2> Title 2 </h2>
Например, с заголовком вы можете выровнять текст, используя следующий атрибут:
<!-- title only -->
<h1 align="center"> Title </h1>
<!-- title with div -->
<div align="center"> <h1 align="center"> Title inside div! </h1> </div>
Но иногда вы не хотите использовать HTML, потому что он разделяет возможность использования уценки внутри него, в этих случаях вы можете использовать span, который позволяет отображать уценку внутри тегов HTML:
<!-- title with span (you can render emojis or markdown inside it) -->
<span align="center"> <h1> :star: ~~Centered~~ </h1> </span>
Обратите внимание, что этот атрибут устарел, хотя он устарел, но он также единственный, который работает с некоторыми разновидностями уценки, такими как уценка Github.
Для разметки python с расширением attr_list синтаксис немного отличается:
{: #someid .someclass somekey='some value' }
Вы можете просто использовать это для заголовков
# <center>Title</center>
Это центрирует ваш заголовок «заголовок»
Для файла Readme Github Использованиеdivможет центрировать все-
<div align="center">
Any Text/Card/Item
</div>
но используяpэтот способ не помогает для всех предметов-
<p align="center">
Any Text/Card/Item
</p>
Я пытался центрировать изображение, и ни одна из техник, предложенных в ответах, не сработала. Обычный HTML <img> со встроенным CSS работал у меня...
<img style="display: block; margin: auto;" alt="photo" src="{{ site.baseurl }}/images/image.jpg">
Это для блога Jekyll, размещенного на GitHub
Чтобы выровнять по центру, окружите текст, который вы хотите выровнять по центру, стрелками (-><-) вот так:
-> This is center aligned <-