html — Выровнять таблицу — Stack Overflow на русском
у меня есть таблица, внутри строки еще одна таблица со своими строками, как можно выровнять их по уровню главной таблицы?
<table>
<thead>
<tr>
<th scope="col">#</th>
<th scope="col">First</th>
<th scope="col">Last</th>
<th scope="col">Handle</th>
<th scope="col">First</th>
<th scope="col">Last</th>
<th scope="col">Handle</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">1</th>
<td colSpan={6}>
<table>
<tr>
<td>Jacob</td>
<td>Thornton</td>
<td>@fat</td>
<td>Jacob</td>
<td>Thornton</td>
<td>@fat</td>
</tr>
</table>
<table>
<tr>
<td>Jacob</td>
<td>Thornton</td>
<td>@fat</td>
<td>Jacob</td>
<td>Thornton</td>
<td>@fat</td>
</tr>
</table>
</td>
</tr>
<tr>
<th scope="row">2</th>
<td>Jacob</td>
<td>Thornton</td>
<td>@fat</td>
<td>Jacob</td>
<td>Thornton</td>
<td>@fat</td>
</tr>
<tr>
<th scope="row">3</th>
<td>Larry</td>
<td>the Bird</td>
<td>@twitter</td>
<td>Jacob</td>
<td>Thornton</td>
<td>@fat</td>
</tr>
</tbody>
</table>
- html
- css
- bootstrap
- table
5
У меня была похожая задача пару лет назад.
Я решил её с помощью тегов <div> без использования таблиц вообще.
.table {
display: table;
table-layout: fixed;
}
.table-caption {
display: table-caption;
}
.thead {
display: table-header-group;
}
.tbody {
display: table-row-group;
transition: all 200ms;
}
.tfoot {
display: table-footer-group;
}
.tcols {
display: table-column-group;
}
.tr {
display: table-row;
}
.col {
display: table-column;
}
.td {
display: table-cell;
padding: 3px;
}
input[type=checkbox]+.tbody>.tr:last-child>.td>label {
display: none;
}
input[type=checkbox]:checked+.tbody>.tr:last-child>.td>label {
display: inline;
}
input[type=checkbox]:checked+.tbody>.tr {
display: none;
}
input[type=checkbox]:checked+.tbody>.tr:last-child {
display: table-row;
}
input[type=checkbox] {
display: none;
}
label:before {
width: 16px;
height: 16px;
content: "\2716";
display: block;
}
input[type=checkbox]:checked+.tbody>.tr>.td>label:before {
content: "\271a";
}
.
table {
border-left: 1px solid #eee;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
}
.td {
border-right: 1px solid #eee;
border-bottom: 1px solid #eee;
}
.tbody>.tr>.td {
border-bottom: 0;
}
.thead>.tr>.td,
.tbody>.tr:last-child>.td,
.tbody>.tr:last-child>.td:first-child,
.tfoot .td {
border-bottom: 1px solid #000;
}
.thead>.tr:first-child>.td,
.tbody>.tr:first-child>.td,
.tbody>.tr:last-child>.td,
.tfoot .td,
input[type=checkbox]:checked+.tbody>.tr:last-child>.td:first-child {
border-top: 1px solid;
}
.tbody>.tr>.td:first-child {
border-bottom: 0;
}
.tbody>.tr:last-child>.td:first-child {
border-top: 0;
}
.tfoot .td,
input[type=checkbox]:checked+.tbody>.tr:last-child>.td:first-child {
border-top-color: #000;
} <div>
<div>Caption</div>
<div>
<div></div>
<div>Col0s</div>
<div>Col1</div>
<div>Col2</div>
<div>Col3</div>
</div>
<div>
<div>
<div></div>
<div>Col[0]</div>
<div>Col[1]</div>
<div>Col[2]</div>
<div>Col[3]</div>
</div>
</div>
<input type="checkbox" />
<div>
<div>
<div><label for="group-1"></label></div>
<div>Data[0][0][0]</div>
<div>Data[0][0][1]</div>
<div>Data[0][0][2]</div>
<div>Data[0][0][3]</div>
</div>
<div>
<div></div>
<div>Data[0][1][0]</div>
<div>Data[0][1][1]</div>
<div>Data[0][1][2]</div>
<div>Data[0][1][3]</div>
</div>
<div>
<div></div>
<div>Data[0][2][0]</div>
<div>Data[0][2][1]</div>
<div>Data[0][2][2]</div>
<div>Data[0][2][3]</div>
</div>
<div>
<div></div>
<div>Data[0][3][0]</div>
<div>Data[0][3][1]</div>
<div>Data[0][3][2]</div>
<div>Data[0][3][3]</div>
</div>
<div>
<div></div>
<div>Data[0][4][0]</div>
<div>Data[0][4][1]</div>
<div>Data[0][4][2]</div>
<div>Data[0][4][3]</div>
</div>
<div>
<div><label for="group-1"></label></div>
<div>Subtotal[0][0]</div>
<div>Subtotal[0][1]</div>
<div>Subtotal[0][2]</div>
<div>Subtotal[0][3]</div>
</div>
</div>
<input type="checkbox" />
<div>
<div>
<div><label for="group-2"></label></div>
<div>Data[1][0][0]</div>
<div>Data[1][0][1]</div>
<div>Data[1][0][2]</div>
<div>Data[1][0][3]</div>
</div>
<div>
<div></div>
<div>Data[1][1][0]</div>
<div>Data[1][1][1]</div>
<div>Data[1][1][2]</div>
<div>Data[1][1][3]</div>
</div>
<div>
<div></div>
<div>Data[1][2][0]</div>
<div>Data[1][2][1]</div>
<div>Data[1][2][2]</div>
<div>Data[1][2][3]</div>
</div>
<div>
<div></div>
<div>Data[1][3][0]</div>
<div>Data[1][3][1]</div>
<div>Data[1][3][2]</div>
<div>Data[1][3][3]</div>
</div>
<div>
<div></div>
<div>Data[1][4][0]</div>
<div>Data[1][4][1]</div>
<div>Data[1][4][2]</div>
<div>Data[1][4][3]</div>
</div>
<div>
<div><label for="group-2"></label></div>
<div>Subtotal[1][0]</div>
<div>Subtotal[1][1]</div>
<div>Subtotal[1][2]</div>
<div>Subtotal[1][3]</div>
</div>
</div>
<div>
<div>
<div></div>
<div>Total[0]</div>
<div>Total[1]</div>
<div>Total[2]</div>
<div>Total[3]</div>
</div>
</div>
</div>Знаю.
Это не совсем тот ответ который вы ожидали. Но это один из способов верстки таблицы в таблице. Он вас может подтолкнуть к более изощренным интересным решениям.Например, отображение древовидной структуры таблицы как в Excel или просто добавить анимацию.
3
Зарегистрируйтесь или войдите
Регистрация через Google
Регистрация через Facebook
Регистрация через почту
Отправить без регистрации
Почта
Необходима, но никому не показывается
Отправить без регистрации
Почта
Необходима, но никому не показывается
Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки
Как в word выровнять таблицу по центру
Главная » Разное » Как в word выровнять таблицу по центру
Как выровнять таблицу в ворде
Если у вас есть таблица, которая не занимает всю ширину документа Word, вы можете изменить горизонтальное выравнивание страницы, а также оптимизировать ее отступ, если выровняли ее по левому краю страницы.
Вот как это работает.
Выровнять таблицу по горизонтали в ворде
Вы можете легко выровнять таблицу по левому, центральному или правому краю страницы в документе.
Единственное предостережение здесь заключается в том, что таблица не может быть установлена на всю ширину страницы, если вы хотите использовать эти параметры выравнивания. Полная ширина — это состояние по умолчанию при создании новой таблицы, поэтому, если у вас есть таблица, которая не должна быть большой, вам нужно изменить этот параметр.
Самый простой способ сделать это — щелкнуть мышью в любом месте таблицы, чтобы сфокусироваться на ней, а затем навести указатель мыши в правый нижний угол таблицы. Когда вы поместите указатель мыши на угол, он превратится в двойную стрелку. Затем вы можете нажать и удерживая правую клавишу мыши изменить размер до того который вам нужен.
Теперь, когда таблица больше не имеет полной ширины, вы можете настроить выравнивание страницы. Щелкните правой кнопкой мыши в любом месте таблицы и выберите «Свойства таблицы» в появившемся контекстном меню.
В открывшемся окне Свойства таблицы вы можете выбрать левое, центральное, правое выравнивание, щелкнув эти параметры в разделе «Выравнивание». Пока вы здесь, обратите внимание, что вы также можете оптимизировать ширину таблицы, выбрав опцию «Ширина», а затем точно указать, сколько она должна быть. Это дает вам немного больше контроля, чем просто изменять размер мишкой, как мы показали ранее.
Если вы выравниваете таблицу с левой стороны страницы, вы также можете отрегулировать пространство отступа от левого поля, используя поле «Отступ слева» справа.
Обтекание таблицы в ворде
Существует также еще одна настройка, о которой вам необходимо знать: «Обтекание». Если у вас небольшая таблица, вы можете выбрать опцию «Вокруг», чтобы у вас не оставалось много пустого пространства страницы. Нажмите кнопку «Размещение» справа, и вы сможете внести дополнительные изменения, например, насколько точно вы хотите, чтобы текст обтекал таблицу.
Изменить горизонтальное выравнивание таблицы в Word совсем не сложно, но есть некоторые параметры, которые вы можете изменить, если знаете, где искать.
Видео инструкция как выровнять таблицу в ворде
Как выровнять текст в столбцах и строках таблицы в Word 2016
- Программное обеспечение
- Microsoft Office
- Word
- Как выровнять текст в столбцах и строках таблицы в Word 2016
Автор: Питер Веверка
Выравнивание текста в столбцах и строках в Word 2016 — это вопрос выбора того, как вы хотите, чтобы текст выровнялся по вертикали и как вы хотите, чтобы он выровнялся по горизонтали. Чтобы выровнять текст в таблице, выполните следующие действия:
Выделите ячейки, столбцы или строки с текстом, который нужно выровнять (или выберите всю таблицу).
Перейдите на вкладку (Инструменты для таблиц) Макет.
Нажмите кнопку «Выровнять» (в зависимости от размера экрана вам может потребоваться сначала нажать кнопку «Выравнивание»).
На следующем рисунке показано расположение кнопок «Выровнять» на вкладке «Макет» (Инструменты для таблиц) и способ выравнивания текста в таблице с помощью этих параметров.
Word предлагает девять способов выравнивания текста.
Об авторе книги
Питер Веверка ветеран Для чайников автор.В дополнение к предыдущим книгам о Microsoft Office Питер написал руководства по Windows, Интернету и Quicken.
.Выровнять таблицу HTML по центру — qaru Переполнение стека
- Около
- Товары
- Для команд
- Переполнение стека Общественные вопросы и ответы
- Переполнение стека для команд Где разработчики и технологи делятся частными знаниями с коллегами
- Вакансии Программирование и связанные с ним технические возможности карьерного роста
- Талант Нанимайте технических специалистов и создавайте свой бренд работодателя
- Реклама Обратитесь к разработчикам и технологам со всего мира
- О компании
css — Как выровнять по центру текст в строке таблицы html?
Переполнение стека- Около
- Товары
- Для команд
- Переполнение стека Общественные вопросы и ответы
- Переполнение стека для команд Где разработчики и технологи делятся частными знаниями с коллегами
- Вакансии Программирование и связанные с ним технические возможности карьерного роста
- Талант Нанимайте технических специалистов и создавайте свой бренд работодателя
- Реклама Обратитесь к разработчикам и технологам со всего мира
- О компании

java — Как автоматически подогнать таблицу и выровнять ее по центру в соответствии с размером документа Word Apache-POI?
Переполнение стека- Около
- Товары
- Для команд
- Переполнение стека Общественные вопросы и ответы
- Переполнение стека для команд Где разработчики и технологи делятся частными знаниями с коллегами
Содержание Макрос | Центр обработки данных и сервер Confluence 8.
Макросы
- Макрос командного календаря
- Расширенный макрос дорожных карт
- Макрос привязки
- Вложения Макрос
- Сообщения в блоге Макрос
- История изменений Макрос
- Макрос диаграммы
- Сыр Макро
- Макрос показа детей
- Кодовый блок Макрос
- Макрос столбца
- Содержимое макроса метки
- Содержимое пользовательского макроса
- Макрос таблицы отчета о содержании
- Макрос участников
- Сводный макрос участников
- Создать из шаблона макроса
- Создать макрос кнопки пробела
- Выдержка включает макрос
- Фрагмент макроса
- Макрос расширения
- Макрос избранных страниц
- Макрос гаджета
- Галерея Макро
- Макрос глобальных отчетов
- HTML включает макрос
- Макрос HTML
- Макрос присутствия IM
- Включить макрос страницы
- Макросы информации, подсказки, примечания и предупреждения
- Макрос диаграммы Jira
- Jira выдает макрос
- Макрос списка меток
- Макрос Livesearch
- Лоремипсум Макро
- Мультимедийный макрос
- Макрос карты навигации
- Сетевой макрос
- Макрос без формата
- Макрос Office Excel
- Макрос Office PowerPoint
- Макрос Office Word
- Макрос индекса страницы
- Макрос свойств страницы
- Макрос отчета о свойствах страницы
- Макрос дерева страниц
- Макрос поиска в дереве страниц
- Панель макросов
- PDF-макрос
- Популярные этикетки Макро
- Макрос изображения профиля
- Недавно обновленный макрос панели мониторинга
- Недавно обновленный макрос
- Недавно использованные этикетки Макрос
- Связанные этикетки Макрос
- Макрос планировщика дорожных карт
- Макрос RSS-канала
- Результаты поиска Макрос
- Макрос раздела
- Макрос космических вложений
- Макрос сведений о пространстве
- Макрос списка пространств
- Макрос состояния
- Содержание Макрос
- Макрос таблицы содержимого зоны
- Макрос отчета о задаче
- Макрос списка пользователей
- Макрос профиля пользователя
- Просмотр файла макроса
- Макрос разъема виджета
На этой странице
Связанный контент
- Связанный контент не найден
Все еще нужна помощь?
Сообщество Atlassian ждет вас.
Задайте вопрос сообществу
Добавьте макрос Table of Contents на страницу, чтобы ваши читатели могли сразу переходить к нужной им информации.
Этот макрос отлично подходит для ситуаций, когда:
Этот макрос популярен, потому что он помогает вам перемещаться по длинным страницам. Макрос упорядочивает оглавление, вставляя Заголовок 2 под Заголовок 1 и постепенно увеличивая отступ, как показано на рисунке ниже.
На этой странице:
Снимок экрана: макрос Table of Contents аккуратно упорядочивает длинный контент блога.
Использование макроса Table of Contents
Чтобы добавить макрос Table of Contents на страницу:
На панели инструментов редактора выберите Other
Macros.
- Выберите Содержание из категории контента Confluence .

- Введите любые параметры.
- Выберите Вставьте .
Затем вы можете опубликовать свою страницу, чтобы увидеть макрос в действии.
Скриншот: Ввод параметров для макроса Table of Contents.
Изменение параметров макроса
Параметры макроса используются для изменения поведения макроса.
Чтобы изменить параметры макроса:
- В редакторе щелкните заполнитель макроса и выберите Изменить .
- При необходимости обновите параметры, затем выберите Вставить .
Вот список параметров, доступных в этом макросе.
Parameter | Default | Description |
|---|---|---|
Output Type | список |
|
Секция Дисплей Нумерация | Прозревать | . |
Стиль списка | по умолчанию | для каждого элемента списка. Введите любой допустимый стиль CSS, например:
|
Отступ заголовка | Устанавливает отступ для списка в соответствии с количествами CSS. | |
Разделитель | квадратные скобки | 1 применяются только к спискам 18 1. Вы можете ввести любое из следующих значений:
|
Минимальный уровень заголовка | 1 | |
Максимальный уровень заголовка. Например, ввод 2 будет включать уровни 1 и 2, но не будет включать заголовки уровня 3 и ниже. | ||
Включить заголовки | Отфильтровать заголовки для включения в соответствии с определенными критериями. Вы можете использовать подстановочные знаки. См. документацию Sun Regex для примеров построения строк регулярных выражений. | |
Исключить заголовки | Отфильтровать заголовки для включения в соответствии с определенными критериями. | |
Версия для печати | отмечено | По умолчанию оглавление настроено на печать. Если снять флажок, оглавление не будет отображаться при печати страницы. |
Имя класса CSS | Если в таблице стилей CSS есть пользовательские стили оглавления, используйте этот параметр для вывода оглавления внутри 0263 теги с указанным атрибутом класса. | |
Абсолютный URL-адрес (absoluteUrl ) | | По умолчанию ссылки в оглавлении указывают на относительные URL-адреса. Если флажок установлен, ссылки в оглавлении будут полными URL-адресами. Этот параметр полезен, когда вы включаете страницу с оглавлением в другую страницу и хотите контролировать, куда ссылки должны вести пользователя. |
Если имя параметра, используемое в формате хранилища Confluence или вики-разметке, отличается от метки, используемой в браузере макросов, оно будет указано ниже в скобках ( пример ).
Примеры
Приведенные ниже примеры основаны на этом оглавлении:
Отфильтрованное оглавление
Этот пример отфильтровывает заголовки, чтобы включить те, которые содержат «Избранное», но исключает заголовки, которые заканчиваются на «Вещи». Список оформлен римскими цифрами.
| Parameter | Value |
|---|---|
| List Style | upper-roman |
| Include Headings | Favourite. |
| Exclude Headings | .*Things |
Итоговое содержание:
Плоский список
стиль).
| Parameter | Value |
|---|---|
| Output Type | flat |
| Maximum Heading Level | 2 |
| Include Headings | Unknown. * |
Результирующее содержание:
Другие способы добавления этого макроса
Добавляйте этот макрос по мере ввода
Введите { , а затем начало имени макроса, чтобы просмотреть список макросов.
Добавьте этот макрос, используя вики-разметку
Это полезно, если вы хотите добавить макрос вне редактора, например, в качестве пользовательского содержимого на боковой панели, в верхнем или нижнем колонтитуле пространства.
Имя макроса: toc
Тело макроса: Нет.
В этом примере показано оглавление в виде списка.
{toc:printable=true|style=square|maxLevel=2|indent=5px|minLevel=2|class=bigpink|exclude=[1//2]|type=list|outline=true|include=.* } В этом примере показано плоское оглавление.
{toc:printable=true|maxLevel=2|minLevel=2|class=bigpink|exclude=[1//2]|type=flat|outline=true|separator=pipe|include=.*} Примечания и известные проблемы
- При использовании макроса оглавления в шаблоне вы увидите ошибку при предварительном просмотре самого шаблона. Но макрос оглавления работает на страницах, которые люди создают на основе шаблона — оглавление отображается после того, как они сохранили страницу. (Возможно, это связано с тем, что шаблон не определен как страница, а макрос Table of Contents работает только для страниц.)
- Макрос Table of Contents отображает только содержимое страницы или записи в блоге.
Вы не можете использовать его, например, для добавления оглавления заголовков в комментарий. - Из-за нерешенной проблемы с макросом Table of Contents (CONF-10619) функция браузера макросов Refresh не отображает никаких изменений параметров. В настоящее время отображение изменений значений параметров в макросе Table of Contents происходит только после сохранения страницы.
Использование разметки заголовков HTML с макросом оглавления
Макрос оглавления не может обрабатывать разметку заголовков HTML сам по себе. Следовательно, если вы используете макросы HTML и HTML Include для отображения разметки заголовков HTML на странице Confluence, макрос Table of Contents не создаст список содержимого из этих заголовков.
Однако, если вы вставите привязку HTML в каждый заголовок HTML на своей странице (на основе следующего синтаксиса), макрос Table of Contents включит эти заголовки в ваш список содержимого.Название заголовка
Синтаксис для имени привязки — это имя страницы и имя заголовка, разделенные дефисом.
Удалите все пробелы и преобразуйте весь текст в нижний регистр. Преобразуйте все знаки препинания в их эквиваленты в URL-кодировке.- Существует известная проблема, из-за которой, если щелкнуть заголовок в макросе оглавления, а затем нажать кнопку «Назад» в браузере, вы не вернетесь к оглавлению (или на предыдущую страницу). В качестве обходного пути используйте макрос Table of Content Zone. Видеть КОНФСЕРВЕР-40462 - Получение сведений о проблеме... ПОЛОЖЕНИЕ ДЕЛ и КОНФСЕРВЕР-52497 - Получение сведений о проблеме... ПОЛОЖЕНИЕ ДЕЛ для дополнительной информации.
Делайте больше с Confluence
Расширьте возможности Confluence с помощью одного из сотен других макросов на Atlassian Marketplace.
Вот некоторые сведения о документации:
- Scroll Office для Confluence — превратите страницы Confluence в профессионально оформленные документы
- Расширенный дочерний дисплей для Confluence: объединить встроенный дочерний дисплей Confluence и макросы оглавления
Последнее изменение: 29 ноября 2022 г.
Было ли это полезно?
Да
Отправить отзыв об этой статье
Связанный контент
- Связанный контент не найден
Работает на базе Confluence and Scroll Viewport.
Центр поддержки математики и естественных наук - Campus Life
Центр MASS в настоящее время закрыт
Центр MASS в настоящее время закрыт . Мы откроемся 17 января на весенний семестр.
Clifton MASS Center Расположение и часы работы:
- Понедельник-четверг, с 9:00 до 20:00
- Пятница, с 9:00 до 16:00
- Назначение не требуется; дроп-ин по расписанию ниже
Личное обслуживание только в Калифорнийском университете в Клифтоне по адресу 2133 French Hall West
Центр MASS включает в себя бесплатных поддерживаемых преподавателем учебных таблиц для многих курсов математики бакалавриата, а также несколько курсов естественных наук, требующих сильной математической компетентности.
Центр MASS также предлагает 1-часовой курс MATH 1096 Supplemental Review Sessions (SRS), чтобы помочь студентам с их курсом математики.
Центр MASS предлагает учебные столы для нескольких курсов университета. Изучив расписание ниже и посещая учебный стол для своего курса в назначенное время, студенты могут гарантировать, что репетитор будет доступен, чтобы поддержать их и их одноклассников, когда они прибудут.
Студенты могут зайти в MASS Center в то время, когда их курс не предлагается. Репетиторы MASS могут помочь им с их курсом в нерабочее время. Студенты могут узнать у помощника на стойке регистрации MASS, доступен ли репетитор.
Учебные столы обеспечивают пространство для совместного обучения, где учащиеся могут учиться у своих отличившихся сверстников (руководитель стола), а также у своих одноклассников, сидящих за учебным столом. Репетиторы за учебными столами MASS не будут напрямую помогать с оценкой домашних заданий или курсовых заданий, а также не «решать» проблемы для студентов.




Ввод
Вы можете использовать подстановочные знаки. См. документацию Sun Regex для примеров построения строк регулярных выражений.
Этот параметр полезен, когда вы включаете страницу с оглавлением в другую страницу и хотите контролировать, куда ссылки должны вести пользователя.
*
Вы не можете использовать его, например, для добавления оглавления заголовков в комментарий.
Удалите все пробелы и преобразуйте весь текст в нижний регистр. Преобразуйте все знаки препинания в их эквиваленты в URL-кодировке.