Что шапка таблицы. Как в Excel печатать заголовки (названия) строк и столбцов на каждой странице. Печатаем номера строк и буквы столбцов

; ">

Таблица располагается внутри контейнера с красной границей и синим фоном. Ширина отступов от границы таблицы до красной границы контейнера составляет 10 пикселей. В ячейке слева расположено изображение. Отступы от изображения до границ ячейки составляют 25 пикселей. Поля правой ячейки составляют 10 пикселей!

В этой статье я хотел бы рассказать, как правильно расставлять поля (padding) и отступы (margin) в CSS.

Прежде всего давайте вспомним определение полей и отступов согласно спецификации W3C . В боксовой модели (box model) поля - это расстояние между контентом (content) и границей блока (border). А отступы это расстояние между границей блока и границей соседнего или родительского элемента.

Таким образом, если граница и фон элемента не заданы, то нет разницы, использовать свойство padding или margin для задания отступов, но при условии, что ширина (width) и высота (height) элемента не заданы и не изменен алгоритм расчета размеров контента с помощью свойства box-sizing .

В любом случае следует помнить, что поля могут быть как включены в ширину или высоту элемента, так и нет. Отступы же всегда задаются снаружи элемента.

Теперь давайте рассмотрим как правильно расставлять поля и отступы между элементами. Возьмем в качестве примера следующий блок.

Это блок новостей news . Он состоит из заголовка, списка новостей и ссылки «Другие новости». Дадим им следующие названия классов: news__title , news__list и news__more-link .

Поскольку каждый из этих элементов имеет одинаковые отступы слева и справа, то лучше задать поля родительскому блоку, а не задавать отступы слева и справа для каждого элемента в отдельности.

News { padding: 20px 25px; }

Таким образом, при необходимости изменить значение полей справа и слева это нужно будет сделать в одном месте . А при добавлении нового элемента внутрь блока новостей, он уже будет иметь нужные отступы слева и справа.

Часто бывает так, что все элементы внутри блока имеют одинаковые отступы слева и справа, кроме одного, который вообще не должен иметь отступов, например, из-за фона. В этом случае для элемента можно задать отрицательные отступы. Тогда не придется убирать поля внутри блока для остальных элементов.

Теперь нужно задать вертикальные отступы между элементами. Для этого следует определить какой из элементов является обязательным . Очевидно что блок новостей не может существовать без списка новостей, в то же время ссылки «Другие новости» может и не быть, заголовок тоже может быть убран, например, при изменении дизайна.

Учитывая это, задаем для заголовка отступ снизу, а для ссылки «Другие новости» отступ сверху.

News__title { margin-bottom: 10px; } .news__more-link { margin-top: 12px; }

Мы могли бы достигнуть такого же внешнего результата, добавив отступы сверху и снизу для списка новостей.

News__list { margin: 10px 0 12px 0; }

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

Можно задать для каждой новости кроме первой отступ сверху, либо для каждой новости кроме последней отступ снизу. Первый вариант более предпочтителен, поскольку псевдоселектор:first-child был добавлен в спецификации CSS 2.1 и имеет более широкую поддержку, в отличие от псевдоселектора:last-child , который был добавлен только в спецификации CSS версии 3.0 .

News__list-item { margin-top: 18px; } .news__list-item:first-child { margin-top: 0; }

Таким образом, правильная расстановка полей и отступов позволяет гибко менять внешний вид любого блока без внесения изменений в стили и без нарушений в дизайне. Самое главное - определить, какие элементы блока являются основными (обязательными ), а какие опциональными .

Иногда мы не можем опираться на обязательные элементы. Например, у нас есть всплывающее окошко popup , внутри которого может выводиться какой-то заголовок и текст. Причем в каких-то случаях может не быть текста, а в каких-то и заголовка. То есть оба элемента являются опциональными.

В этом случае можно использовать следующий способ задания отступов.

Popup__header + .popup__text { margin-top: 15px; }

Тогда отступ появится, только если будут использоваться оба элемента. В случае же вывода только заголовка или только текста, лишнего отступа не будет.

Схлопывание вертикальных отступов

Еще один нюанс, о котором не все знают, связан с вертикальными отступами между соседними блоками. В определении отступов, которое я приводил выше, сказано, что отступ - это расстояние между границами текущего и соседнего блока. Таким образом, если мы расположим два блока друг под другом и зададим одному из них отступ снизу в 30px , а другому отступ сверху в 20px , отступ между ними будет не 50px , а 30px .

То есть произойдет наложение отступов, и отступ между блоками будет равен наибольшему отступу, а не сумме отступов. Этот эффект также называют «схлопыванием».

Прошу заметить, что горизонтальные отступы, в отличие от вертикальных, не «схлопываются», а суммируются. Поля (padding) также суммируются.

Зная о «схлопывании» отступов, мы можем использовать эту особенность в свою пользу. Например, если нам необходимо расставить отступы для заголовков и текста внутри статьи, то для заголовка первого уровня зададим отступ снизу в 20px , а для заголовка второго уровня отступ сверху 20px и снизу 10px , а для всех параграфов зададим отступ сверху 10px .

H1 { margin-bottom: 24px; } h2 { margin-top: 24px; margin-bottom: 12px; } p { margin-top: 12px; }

Теперь заголовок h2 можно расположить как после заголовка h1 , так и после параграфа. В любом случае отступ сверху не будет превышать 24px .

Общие правила

Подводя итог, я бы хотел перечислить правила, которых я придерживаюсь при расстановке полей и отступов.

1. Если соседние элементы имеют одинаковые отступы, то лучше задавать их родительскому контейнеру, а не элементам.
2. При задании отступов между элементами, следует учитывать, обязательный это элемент или опциональный.
3. Для списка однотипных элементов - не забывать о том, что число элементов может варьироваться.
4. Помнить о наложении вертикальных отступов и использовать эту особенность там, где она принесет пользу.

Теги: Добавить метки

Модуль CSS Box Alignment определяет CSS-функции, которые относятся к выравниванию ящиков в различных моделях макета CSS: макет блока, макет таблицы, гибкая макет и макет сетки. Модуль нацелен на создание согласованного метода выравнивания по всем CSS. В этом документе описываются общие понятия, содержащиеся в спецификации.

Примечание : Документация для каждого метода макета будет подробно описана, как там применяется шкала выравнивания.

Старые методы выравнивания

У CSS традиционно были очень ограниченные возможности выравнивания. Мы могли выровнять текст, используя text-align , центральные блоки, используя auto margin s, а в макетах таблицы или встроенного блока, используя vertical-align свойство. Выравнивание текста теперь покрывается модулями Inline Layout и CSS Text , и впервые в Box Alignment мы имеем полные возможности горизонтального и вертикального выравнивания.

Пример выравнивания раскладки сетки CSS

В этом примере с использованием Grid Layout, в контейнере сетки есть дополнительное пространство после прокладки фиксированных дорожек ширины на основной оси. Это пространство распределяется с помощью justify-content . На блочной (поперечной) оси выравнивание элементов внутри их областей сетки контролируется с помощью align-items . Первый элемент переопределяет значение элементов выравнивания, заданное в группе, путем установки align-self в центр.

Пример выравнивания Flexbox

В этом примере три элемента гибкости выровнены по главной оси с использованием justify-content и на поперечной оси с использованием align-items . Первый элемент переопределяет align-items , заданные в группе align-self по center .

Ключевые понятия и терминология

Спецификация описывает некоторую терминологию выравнивания, чтобы упростить обсуждение этих свойств выравнивания вне их реализации в рамках конкретного метода компоновки. Существуют также некоторые ключевые концепции, которые являются общими для всех методов макета.

Связь с режимами записи

Выравнивание связано с режимами записи, когда мы выравниваем элемент, который мы не рассматриваем, если мы сопоставляем его с физическими размерами сверху, справа, снизу и слева. Вместо этого мы описываем выравнивание с точки зрения начала и конца конкретного измерения, с которым мы работаем. Это гарантирует, что выравнивание работает так же, как в режиме записи, который имеет документ.

Два измерения выравнивания

При использовании свойств выравнивания ячеек вы выровняете содержимое по одной из двух осей - inline (или main) оси и block (или cross) оси. Внутренняя ось - это ось, по которой используются слова в потоке предложения в режиме записи - для английского языка, например, встроенная ось горизонтальна. Ось блока - это ось, вдоль которой выложены блоки, такие как элементы абзаца, и проходит по оси Inline.

При выравнивании элементов на встроенной оси вы будете использовать свойства, начинающиеся с justify- :

При выравнивании элементов на оси блока вы будете использовать свойства, которые начинаются с align- :

Flexbox добавляет дополнительное усложнение в том, что указанное выше верно, когда flex-direction установлено в row . Свойства меняются местами, когда flexbox установлен в column . Поэтому при работе с flexbox легче думать о главной и поперечной оси, а не о линии и блоке. Свойства justify- всегда используются для выравнивания по главной оси, align- на поперечной оси.

The alignment subject

Объект выравнивания - это то, что выровнено. Для justify-self , или align-self , или при настройке этих значений как группы с justify-items или align-items это будет поле элемента, в котором используется это свойство. Свойства justify-content и align-content различаются для каждого метода макета.

The alignment container

Контейнер выравнивания - это поле, в котором объект выравнивается внутри. Обычно это будет блок, содержащий объект выравнивания. Контейнер выравнивания может содержать один или несколько объектов выравнивания.

На приведенном ниже рисунке показан контейнер выравнивания с двумя объектами выравнивания внутри.

Fallback alignment

Если вы установите выравнивание, которое не может быть выполнено, тогда возвратное выравнивания вступит в игру и обработает доступное пространство. Это резервное выравнивание указывается отдельно для каждого метода макета и подробно описано на странице для этого метода.

Типы выравнивания

Существует три различных типа выравнивания, которые специфицируют детали; они используют значения ключевых слов.

• Positional alignment (выравнивание положения): указание положения объекта выравнивания относительно его контейнера выравнивания.
• Baseline alignment (исходное выравнивание): эти ключевые слова определяют выравнивание как взаимосвязь между базовыми линиями нескольких объектов выравнивания в контексте выравнивания.
• Distributed alignment (распределенное выравнивание): эти ключевые слова определяют выравнивание как распределение пространства между объектами выравнивания.

Значения ключевых слов позиционирования

Следующие значения определены для позиционного выравнивания и могут использоваться в качестве значений для выравнивания содержимого с justify-content и align-content , а также для самовыравнивания с justify-self и align-self .

• center
• start
• self-start
• self-end
• flex-start for Flexbox only
• flex-end for Flexbox only
• right

Помимо физических значений left и right , которые относятся к физическим атрибутам экрана, все остальные значения являются логическими значениями и относятся к режиму записи содержимого.

Например, при работе в CSS Grid Layout, если вы работаете на русском языке и устанавливаете для него значение justify-content start , это приведет к перемещению элементов в встроенном измерении в начало, которое будет левым, поскольку предложения на русском начинаются слева. Если вы использовали арабский язык, право на левый язык, то одно и то же значение start приведет к тому, что элементы перемещаются вправо, так как предложения на арабском языке начинаются с правой стороны страницы.

Оба этих примера имеют justify-content: start , однако местоположение начала изменяется в соответствии с режимом записи.

Исходное выравнивание

Ключевые слова выравнивания базовой линии используются для выравнивания базовых линий ящиков по группе субъектов выравнивания. Они могут использоваться в качестве значений для выравнивания контента с помощью justify-content и align-content , а также для самовыравнивания с justify-self и align-self .

• baseline
• first baseline
• last baseline

Исходное выравнивание содержимого - указание значения выравнивания базовой линии для justify-content или align-content - работает в методах макета, которые содержат элементы в строках. Объекты выравнивания выравниваются по базовой линии друг к другу, добавляя в них поля.

Исходная линия выравнивания сдвигает поля для выравнивания по базовой линии путем добавления поля за пределами полей. Self alignment - это использование justify-self или align-self или при настройке этих значений в виде группы с justify-items и align-items .

Distributed alignment

Ключевые слова расспеределенного выравнивания используются с параметрами align-content и justify-content . Эти ключевые слова определяют, что происходит с каким-либо дополнительным пространством после отображения объекта. Значения следующие:

• stretch
• space-between
• space-around
• space-evenly

Например, элементы Flex Layout сначала выровнены с использованием flex-start. Работая в горизонтальном верхнем и нижнем режимах записи, таком как русский, с flex-direction в виде row элементы начинаются в крайнем левом углу и любое свободное место после отображения элементов помещается после элементов.

Если вы устанавливаете justify-content: space-between в контейнере flex, доступное пространство теперь разделяется и помещается между элементами.

Для того, чтобы эти ключевые слова вступили в силу, должно быть доступно пространство в измерении, для которого вы хотите выровнять элементы. Без места, нечего распространять.

Выравнивание переполнения

safe и unsafe ключевые слова помогают определить поведение, когда объект выравнивания больше, чем контейнер выравнивания. Ключевое слово safe будет выравниваться для start в случае заданного выравнивания, вызывающего переполнение, целью которого является избежать «потери данных», когда часть элемента находится за пределами границ контейнера выравнивания и не может быть прокручена до.

Если вы укажете unsafe , выравнивание будет выполнено, даже если это приведет к такой потере данных.

Пробелы между boxes

Спецификация выравнивания коробки также включает свойства gap , row-gap и column-gap . Эти свойства позволяют установить постоянный разрыв между элементами в строке или столбце в любом методе макета, который имеет элементы, расположенные таким образом.

Свойство gap является сокращением для row-gap и column-gap , что позволяет сразу установить эти свойства.

Здравствуйте, уважаемые пользователи многофункционального текстового редактора WORD. Из сегодняшней «Шпаргалки» вы узнаете, как сделать, выполнить по ГОСТу, вставить, закрепить, перенести, повторить, скопировать на другие страницы названия, заголовки, надписи, шапки таблиц в Ворде. Как и прежде работать будем с его версией 2016.

Спросите, зачем это я спамлю всеми возможными синонимами одного понятия? А дело в том, что в этом лингвистическом, казалось бы, вопросе существует большая путаница. Давайте условимся с вами, что надпись над таблицей - это по-другому ее название. А вот содержимое первой табличной строки - это шапка или заголовок. Теперь, разобравшись с предметом нашего сегодняшнего разговора, можно приступать и к его «изготовлению». Поехали?

Как сделать надпись над таблицей в Ворде

Эту операцию можно провести тремя способами. Первый из них обеспечивает полное выполнение требований ГОСТов: 7.32-2001 (для оформления дипломных работ), а также 1.5-93 и 2.105-95 (ЕСКД - Единая Система Конструкторской Документации). Надпись получается скромной и неброской, но зато при этом происходит автоматическая нумерация таблиц. Второй и третий способы для тех, кто не стеснен гостовскими рамками и желает ярко оформить название таблицы. Итак…

Надпись к таблице в Ворде по ГОСТу

рис. 1

Выделяем таблицу. Для этого нужно щелкнуть левой кнопкой мышки по маркеру перемещения (крестик в верхнем левом углу). После этого вызываем контекстное меню нажатием правой клавиши мышки (курсор при этом находится на табличном поле). В выпавшем окне выбираем строку «вставить название» (см. рис. 1).

В первой ячейке выпавшего окошечка (см. рис. 2) пишем название. Причем, обратите, друзья, внимание, что по ГОСТу начинается оно именно со слова «Таблица» с порядковым номером. Затем через тире с большой буквы вводим собственно заголовок и точку после него не ставим. Если в указанной ячейке стоит не слово «таблица», а «уравнение» или «рисунок», то сделать замену можно в «параметрах» строке «подпись» .

рис. 2

В третьей строчке «положение» нам предоставляется возможность выбора: разместить заголовок таблицы сверху или под ней. ГОСТ допускает оба варианта. После заполнения всех необходимых граф не забудьте нажать кнопку «ОК» .

Удалить ошибочно вставленное или непонравившееся название можно с помощью клавиши DELETE .

Как вставить название таблицы в Ворде со своим форматированием

Иногда у пользователей Ворда возникает проблема с вводом названия таблицы. Курсор не хочет вставать за ее верхние границы. В этом случае нужно поступить так:

• ставим курсор в верхнюю левую ячейку;
• в панели инструментов «Работа с таблицами» заходим во вкладку «Макет» ;
• в разделе «Объединение» кликаем по кнопке «разделить таблицу» (рис. 3).

рис. 3

Теперь наш курсорчик послушно занял место над таблицей и готов к вводу ее названия. Нам доступны любые стили, размеры и цвет шрифтов. Можно поместить название таблицы в рамку. Как это сделать читайте здесь. Но у этого способа дать таблице имя есть один недостаток. Иногда, при необходимости дальнейшего форматирования (добавления/удаления строк, столбцов) надпись «съезжает» в сторону. Выглядит это весьма некрасиво. Чтобы такие казусы не возникали, лучше пользоваться третьим способом.

Как сделать надпись к таблице Ворд, чтобы она не сдвигалась

Первым делом нужно добавить строку сверху таблицы. Напомню, как это сделать: панель «Работа с таблицами» - вкладка «Макет» - раздел «Строки и столбцы» - кнопка «вставить сверху» . Причем, новая строка будет пустой, без текста (рис. 4).

рис. 4

Далее во вновь добавленной строчке нужно объединить ячейки. Для этого выделяем строку, в той же вкладке «Макет» заходим в раздел «Объединение» и нажимаем на кнопку «объединить ячейки» (рис. 5). После этого в образовавшейся большой ячейке вводим название таблицы, выставляем его по центру и форматируем текст.

рис. 5

Теперь, для того чтобы надпись выглядела красиво, нужно убрать границы ячейки. Снова выделяем ее и следуем по пути: панель «Работа с таблицами» - вкладка «Конструктор» - раздел «Обрамление» - кнопка «границы» . В выпадающем меню спускаемся до самого низа и щелкаем по строчке «границы и заливка» .

После этого откроется новое окно, в котором нужно выбрать вкладочку «Граница» и снять выделение на кнопках, соответствующих верхнему и двум боковым обрамлениям, далее - «применить к ячейке» и «ОК» .

Теперь надпись практически «намертво приклеена» к таблице Ворд. Выглядит все очень красиво. Но и в этом способе есть свои «подводные камни». Он применим только к небольшим таблицам, которые помещаются на одном листе. В противном случае вы, друзья, не сможете дублировать шапку таблицы в ее продолжениях на последующих страницах без того, чтобы повторялось и название. А так делать не полагается.

Поскольку всем известно, что лучше один раз увидеть. чем много раз прочитать, то я приготовила для вас, друзья, небольшое видео:

Так… С надписями-названиями вордовских таблиц мы закончили. Давайте разбираться теперь с шапками-заголовками.

Как в Ворде закрепить шапку таблицы

Этот вопрос возникает в случае с большими таблицами, которые занимают несколько страниц. Тогда, понятное дело, для удобства работы с их данными лучше дублировать строку заголовка в начале каждой страницы. Именно это мы подразумеваем, употребляя термин «закрепить».

Так вот, закрепить шапку таблицы в Ворде очень просто. Для этого нужно выделить ее, затем во вкладке «Макет» и разделе «Данные» активировать кнопку «повторить строки заголовков» (рис. 6). Теперь на каждой новой странице ваша табличка будет начинаться, как и полагается, с шапки.

рис. 6

То же самое можно сделать, воспользовавшись окном «Свойства таблицы» . Чтобы открыть его, выделяем всю таблицу, кликаем по ее полю правой кнопкой мыши, в выпадающем меню находим нужную нам строчку. В окне переходим во вкладку «Строка» и отмечаем галочкой «повторять как заголовок на каждой странице» (рис. 7).

рис. 7

В этом случае нужно просто еще раз открыть окно «Свойства таблицы» и зайти теперь во вкладочку «таблица» . Обратите внимание на группу «Обтекание» . Выбирайте кнопку «НЕТ» , она должна быть активирована (см. рис. 8). Только тогда вы сможете продублировать шапку таблицы на последующие страницы.

рис. 8

Теперь у вас все получится.

Как закрепить только вторую строку таблицы без заголовка

Бывает, большая и сложная таблица имеет много столбцов и занимает несколько страниц. Тогда для облегчения восприятия ее содержимого во второй строке под шапкой проставляют номера столбцов, а продолжение таблицы на каждой новой странице начинают с этой нумерации.

Но как это делается? Ведь при переносе шапки таблицы нельзя игнорировать ее первую строку. Не получится. А мы и не станем предпринимать те действия, которые выполняли для повторения заголовка на каждой странице. Поступим проще:

• выделим строчку с номерами;
• скопируем ее (Ctrl + C );
• вставим в каждую первую строку в продолжении таблицы на новых страницах (Ctrl + V );

С этим вопросом все понятно. Не так ли?

Как вставить надпись «продолжение таблицы» в Ворде

Да, в больших таблицах, занимающих несколько страниц, по ГОСТу требуется вставлять такую надпись. Впрочем, даже если у вас не гостовский документ, то все равно надпись «продолжение таблицы» в начале каждого нового табличного листа будет вполне уместна. Но программа WORD не позволяет вводить текст между строками таблицы. Как быть? Выход есть. Нужно выполнить следующие шаги:

• ставим курсор в последнюю ячейку последней строчки таблицы на первой странице;
• делаем в этом месте разрыв страницы (Вкладка «Вставка» - раздел «Страницы» - кнопка «разрыв страницы» );
• последняя строка первой страницы сместится при этом на вторую, а под таблицей на первой странице можно будет поставить курсор и ввести текст: «продолжение таблицы» (см. рис. 9).

рис. 9

Но эта надпись нужна нам вовсе не на первой, а на второй и последующих страницах. Спокойно. Как только вы начнете ввод текста, он сам «перепрыгнет» на второй лист. Все будет так, как полагается.

Если таблица занимает не 2, а 3 и более листов, то, к сожалению, эту операцию придется повторить на каждом листе заново. Автоматизировать этот процесс не получится.

По второй части нашей статьи (о шапках и заголовках) для вас, уважаемые читатели, тоже подготовлен видео-ролик:

По-моему, друзья, мы разобрали все моменты, которые могут возникнуть при работе с надписями и шапками таблиц в Ворде 2016. Надеюсь, вы все поняли. Если я что-то упустила, задавайте вопросы в комментах. Следующая «Шпаргалка» будет о разделении и объединении таблиц в Ворде. А на сегодня я с вами прощаюсь. Успехов вам!

Ваш гид по WORD 2016 GALANT.

А вот еще статьи по работе с таблицами.