
Как сделать таблицу по сервисам, которые поддерживают только обычный текст, например Facebook или Twitter, поскольку они все смещены из-за отсутствия моноширинного шрифта? Другими словами, как превратить это:
╔═════════════════════════════════════╦════════════╦════════╗
║ Col1 ║ Col2 ║ NumCol ║
╠═════════════════════════════════════╬═════════════╬══════════╣
║ Значение 1 ║ Значение 2 ║ 123 ║
║ Это строка только с одной ячейкой ║ ║ ║
║ Эта строка тестирует html-сущности ║ Te
ст ║ 45 ║
╚══════════════════════════════════════╩══════════════╩══════════╝
к этому:
╔═══════════════════════════════════╦════════════╦════════╗
║ Col1 ║ Col2 ║ NumCol ║
╠═══════════════════════════════════╬════════════╬════════╣
║ Value 1 ║ Value 2 ║ 123 ║
║ This is a row with only one cell ║ ║ ║
║ This row is testing html entities ║ Te<br />st ║ 45 ║
╚═══════════════════════════════════╩════════════╩════════╝
?
К вашему сведению:Существует ли веб-приложение для создания таблиц ASCII-графики? - Web Applications Stack Exchange
решение1
Таблица не выровнена, так как требует моноширинного интервала. Моноширинные шрифты не используются в Twitter и Facebook, но вы можете заменить текст соответствующими символами Unicode фиксированной ширины. Технически это не моноширинный шрифт, символы не обязательно располагаются в соответствии с фиксированной сеткой, и, насколько мне известно, для таких символов, как пробел, нет эквивалента полной ширины, но предсказуемый интервал может значительно упростить создание прилично выглядящей таблицы.
Блок юникода для полуширинных и полноширинных символов — от U+FF00 до U+FFEF, а текст, написанный этими символами, — looks like this. Вы можете использовать инструмент для автоматического преобразования текста, напримерВот этот. На связанной странице также есть интересная дополнительная информация о назначении этого набора символов.
решение2
Это невозможно. Для этого необходимо использовать шрифт фиксированной ширины, а навязать это клиентам Facebook или Twitter невозможно.
Вы также не сможете использовать HTML-таблицы <TABLE>, поскольку не предусмотрено их указание/ввод.