Как сделать несколько столбцов с Markdown в GitHub README?

Чтобы отобразить элементы в трех столбцах, я попытался добавить следующие директивы CSS3 в мой проект README.md файл, но стиль был удален:

<div style="-webkit-column-count: 3; -moz-column-count: 3; column-count: 3; -webkit-column-rule: 1px dotted #e0e0e0; -moz-column-rule: 1px dotted #e0e0e0; column-rule: 1px dotted #e0e0e0;">
    <div style="display: inline-block;">
        <!-- first column's content -->
    </div>
    <div style="display: inline-block;">
        <!-- second column's content -->
    </div>
    <div style="display: inline-block;">
        <!-- third column's content -->
    </div>
</div>

Этот стиль работает правильно вне обработки Markdown в GitHub. Как я могу поместить данные в несколько столбцов в документе Markdown? Обратите внимание, что меня не беспокоит поддержка браузеров IE, и меня не волнует, отображает ли IE один столбец (мой программный проект, в любом случае, не работает на клиентах Windows).

Источник

2 ответа

Решение

GitHub-Flavored Markdown разрешает только определенные теги и атрибуты из белого списка во встроенном HTML:

HTML

Вы можете использовать подмножество HTML в ваших README, выпусках и запросах.

Полный список наших поддерживаемых тегов и атрибутов можно найти в README для github / markup.

относительно <div> теги, что README говорит, что только itemscope а также itemtype атрибуты находятся в белом списке, в дополнение к общему белому списку атрибутов:

abbr, accept, accept-charset, accesskey, action, align, alt, axis, border, cellpadding, cellspacing, char, charoff, charset, checked, cite, clear, cols, colspan, color, compact, coords, datetime, dir, disabled, enctype, for, frame, headers, height, hreflang, hspace, ismap, label, lang, longdesc, maxlength, media, method, multiple, name, nohref, noshade, nowrap, prompt, readonly, rel, rev, rows, rowspan, rules, scope, selected, shape, size, span, start, summary, tabindex, target, title, type, usemap, valign, value, vspace, width, itemprop

Нет тегов, поддерживающих style приписывать.

Если вы не можете взломать что-либо вместе с тегами и атрибутами, перечисленными в этом README, я думаю, вы обнаружите, что вам не повезло.

Альтернативой может быть создание сайта GitHub Pages, который выглядит более гибким.

Источник

если вы не против границ, вы можете использовать таблицы https://docs.github.com/en/get-started/writing-on-github/working-with-advanced-formatting/organizing-information-with-tables

Источник
Другие вопросы по тегам