{ "version": "https:\/\/jsonfeed.org\/version\/1", "title": "Блог Михаила Озорнина: заметки с тегом таблица", "_rss_description": "Главная · Блог · Работы ·", "_rss_language": "ru", "_itunes_email": "", "_itunes_categories_xml": "", "_itunes_image": "", "_itunes_explicit": "", "home_page_url": "https:\/\/mikeozornin.ru\/blog\/tags\/tablica\/", "feed_url": "https:\/\/mikeozornin.ru\/blog\/tags\/tablica\/json\/", "icon": "https:\/\/mikeozornin.ru\/blog\/user\/userpic@2x.jpg?1614204384", "author": { "name": "Михаил Озорнин", "url": "https:\/\/mikeozornin.ru\/blog\/", "avatar": "https:\/\/mikeozornin.ru\/blog\/user\/userpic@2x.jpg?1614204384" }, "items": [ { "id": "131", "url": "https:\/\/mikeozornin.ru\/blog\/all\/how-to-align-data-in-table\/", "title": "Как выравнивать данные в таблице", "content_html": "

Основные правила выравнивания в таблицах, чтобы вы могли не читать Мильчина.<\/p>\n

Если спросить любого редактора, как сделать хорошую таблицу, он ответит: «Посмотри в Мильчине». Одна глава про таблицы в справочнике занимает 128 страниц. Не каждый помнит её наизусть или готов прочитать, чтобы сделать одну таблицу.<\/p>\n

Я собрал основные правила выравнивания в таблицах. Они могут отличаться от мнения Мильчина, это мой опыт и интерпретация<\/p>\n

1 Всё выровнять по левому краю колонок<\/h2>\n

Сначала нужно выровнять всю таблицу по левому краю. Это такой вариант по умолчанию. Получится что-то вот такое:<\/p>\n

\n\"\"\n<\/div>\n

После этого нужно изменить выравнивание в колонках, в которых содержатся нетекстовые данные.<\/p>\n

2 Числа выровнять по правому краю<\/h2>\n

Если в таблице есть числа, то скорее всего их будут сравнивать. В этом случае сравнивать будет удобнее, если числа выровнять поразрядно (каждый разряд ровно друг под другом). Чтобы сделать такое, числа нужно выровнять по правому краю.<\/p>\n

В идеале нужно сами числа выровнять между собой по правому краю, а блок чисел оставить выровненным по левому с заголовком колонки. Как-то так:<\/p>\n

\n\"\"\n<\/div>\n

Из-за сокращенного заголовка колонки «Кол-во» идея может быть не до конца понятна, вот:<\/p>\n

\n\"\"\n<\/div>\n

Если технически выровнять так сложно, то есть простое и надежное решение — выровнять текст по правому краю целиком:<\/p>\n

\n\"\"\n<\/div>\n

Примечания, что считать числом.<\/b> Такое выравнивание нужно применить только к числовым данным одной величины, именно их имеет смысл сравнивать друг с другом. Если числа в колонке обозначают разные величины, то им нужно оставить выравнивание по левому краю. Если в колонке показываются инвентарные номера, индексы, номера паспортов, IP-адреса, то им нужно оставить выравнивание по левому краю, — эти значения вряд ли необходимо смотреть поразрядно.<\/p>\n

3 Диапазоны выровнять по разделителю<\/h2>\n

Дальше нужно найти колонки с диапазонами и похожими конструкциями, когда в ячейке пара чисел написана через какой-нибудь разделитель: 1…15, 1—15, 1 \/ 15, 1 из 15, и т. д.<\/p>\n

Такие колонки нужно выравнивать по разделителю:<\/p>\n

\n\"\"\n<\/div>\n

Диапазоны нанизываются на разделитель как на ось:<\/p>\n

\n\"\"\n<\/div>\n

4 Значки выровнять по центру<\/h2>\n

Если есть колонки, в которых отображаются отдельные символы, пиктограммы, эмодзи, то их лучше выровнять по центру. Часто это колонки с плюсами и минусами в качестве отметки о наличии какой-то функции.<\/p>\n

\n\"\"\n<\/div>\n

Если в такую колонку иногда пролезает текст, например, нет данных<\/i>, то текст выравнивается по правилу колонки, а не по левому краю как текст. И наоборот, если в текстовой или числовой ячейке стоит прочерк, то его нужно выравнивать не как значок, а как как другие значения в колонке:<\/p>\n

\n\"\"\n<\/div>\n

Если делать наоборот: текст в колонке значков выравнивать по левому краю, а значки в колонке с текстом по центру, то будет некрасиво:<\/p>\n

\n\"\"\n<\/div>\n

На этом с выравниванием всё<\/p>\n