Беру из Markdown такую табличку (на скрине) Библиотечка переводит в html,

Question

Беру из Markdown такую табличку (на скрине) Библиотечка переводит в html,

а в итоге я получаю такой код

<code>
+---------------------------------------------------------+
| products |
+---------------------------------------------------------+
| id_prod - идентификатор товара (PK) |
| name - название товара |
| id_type - тип товара |
| id_cat_prod - идентификатор категории |
| cost_price - закупочная цена |
| selling_price - розничная цена |
| info - дополнительная информация |
+---------------------------------------------------------+
<code>

И вставляю его в <pre></pre>

Получается криво (второй скрин)

Но к слову, если я просто копирую табличку из mardown и вставляю здесь, то тоже едут эти отступы.

Как можно решить этот вопрос?

#frontend #javascript #programming #russian #vue.js

0

23.05.2023

11 ответов

42 просмотра

Александр Черняк Автор вопроса

Денис Мошкин
т.е. в readme табличка норм отображается?

да, вот первый сриншот как раз из github

0

23.05.2023

Ruslan

шрифт моноширинный поставь monospace

0

23.05.2023

Александр Черняк Автор вопроса

Ruslan
шрифт моноширинный поставь monospace

Всеровно не помогает, вот пример: https://codepen.io/svgiczio/pen/bGmzdqX

0

23.05.2023

Grigorii K. Shartsev

А ты эту табличку руками делал?

0

23.05.2023

Александр Черняк Автор вопроса

Grigorii K. Shartsev
А ты эту табличку руками делал?

Все нашел решение. Просто использую те же шрифты что и на гитхабе и заработало ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace

0

23.05.2023

Grigorii K. Shartsev

Александр Черняк
Все нашел решение. Просто использую те же шрифты ч...

Я предположу, что у тебя стоит какой-нибудь reset-css, который сбросил стили браузера

0

23.05.2023

Александр Черняк Автор вопроса

неа, я же пробовал и в codeopen в чистом html. Там видимо наоборот на github используется определенный шрифт, который не моноширный.

0

23.05.2023

Grigorii K. Shartsev