html — Как заполнить ячейку таблицы на всю высоту?
Задать вопрос
Вопрос задан
Изменён 2 года 5 месяцев назад
Просмотрен 308 раз
Подскажите как эту строку <tr><td>Строка 1</td></tr> растянуть на всю высоту?
Очень важно! фиксированная высота только у блока .container и table tr:nth-child(2) td все остальное должно быть динамическое
.container {
width: 200px;
height: 100px; /* только этот размер может меняться */
border: 1px solid #000;
}
table {
width: 100%;
height: 100%;
border-collapse: collapse;
border: 1px solid #f00;
}
table td {
border: 1px solid #f00;
}
table tr:nth-child(2) td {
height: 30px;
}<div>
<div>Заголовок</div>
<div>
<table>
<tr><td>Строка 1</td></tr>
<tr><td>Строка 2</td></tr>
</table>
</div>
</div>Вкратце, хочу получить такой эффект
- html
- css
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
.
container {
width: 200px;
height: 300px; /* только этот размер может меняться */
border: 1px solid #000;
display: flex;
flex-direction: column;
}
table {
width: 100%;
height: 100%;
border-collapse: collapse;
border: 1px solid #f00;
position: relative;
}
.content {
height: 100%;
}
table td {
border: 1px solid #f00;
}
table tr:first-child {
height: 100%;
}
table tr:nth-child(2) td {
height: 30px;
}
container {
width: 200px;
height: 300px; /* только этот размер может меняться */
border: 1px solid #000;
display: flex;
flex-direction: column;
}
table {
width: 100%;
height: 100%;
border-collapse: collapse;
border: 1px solid #f00;
position: relative;
}
.content {
height: 100%;
}
table td {
border: 1px solid #f00;
}
table tr:first-child {
height: 100%;
}
table tr:nth-child(2) td {
height: 30px;
}<div>
<div>Заголовок</div>
<div>
<table>
<tr><td>Строка 1</td></tr>
<tr><td>Строка 2</td></tr>
</table>
</div>
</div> 2
Зарегистрируйтесь или войдите
Регистрация через Google
Регистрация через Facebook
Регистрация через почту
Отправить без регистрации
Почта
Необходима, но никому не показывается
Отправить без регистрации
Почта
Необходима, но никому не показывается
Как в Excel растянуть таблицу на весь лист
Перейти к содержанию
Search for:
Главная » Уроки MS Excel
Автор Елизавета КМ На чтение 5 мин Опубликовано
Составляя таблицы в Microsoft Office Excel, пользователь может увеличить размеры массива, чтобы расширить содержащуюся в ячейках информацию. Это полезно, когда размеры исходных элементов слишком малы, и с ними неудобно работать. В данной статье будут представлены особенности увеличения таблиц в Эксель.
Содержание
- Как увеличивать размеры табличек в Excel
- Способ 1. Как повысить размер отдельных ячеек табличного массива
- Способ 2. Использование встроенного инструмента для увеличения размеров элементов таблицы
- Способ 3. Регулировка масштаба монитора
- Способ 4. Смена масштаба табличного массива перед выводом документа на печать
- Заключение
Как увеличивать размеры табличек в Excel
Существует два основных метода, позволяющих достигнуть поставленной цели: расширить отдельные ячейки таблички вручную, к примеру столбики или строчки; применить функцию масштабирования экрана.
В последнем случае масштаб рабочего листа станет больше, вследствие чего увеличатся все символы, располагающиеся на нем. Далее оба метода будут рассмотрены детально.
Способ 1. Как повысить размер отдельных ячеек табличного массива
Строки в таблице можно увеличить следующим образом:
- Поставить курсор мышки в нижней части строки, которую надо увеличить на ее границе со следующей строчкой.
- Проконтролировать, что курсор превратился в двустороннюю стрелку.
- Зажать ЛКМ и двигать мышью вниз, т.е. от строки.
- Завершить операцию вытягивания, когда строчка примет нужный пользователю размер.
- Аналогичным образом расширить любую другую строчку в представленной таблице.
Обратите внимание! Если, зажав ЛКМ, начать движение мышью вверх, то строка будет сужаться.
Размеры столбиков увеличиваются аналогичным образом:
- Установить курсор мышки с правой крайней стороны конкретного столбца, т. е. на его границе со следующим столбиком.
- Убедиться, что курсор принял вид раздвоенной стрелки.
- Зажать левую клавишу манипулятора и двигать мышью вправо для увеличения размера исходного столбца.
е. на его границе со следующим столбиком.- Проверить результат.
Способ 2. Использование встроенного инструмента для увеличения размеров элементов таблицы
Также существует альтернативный способ повышения размеров строк в Эксель, который предполагает выполнение следующих манипуляций:
- Выделить ЛКМ одну или несколько строчек, двигая мышкой по направлению «сверху-вниз» рабочего листа, т.е. вертикально.
- Кликнуть ПКМ по выделенному фрагменту.
- В контекстном меню нажать по пункту «Высота строки…».
- В единственной строке открывшегося окошка заменить прописанное значение высоты большим числом и кликнуть «ОК» для применения изменений.
- Проверить результат.
Для растягивания столбцов с применением встроенного в программу инструмента можно воспользоваться следующей инструкцией:
- Выделить в горизонтальном направлении конкретный столбец таблицы, требующий увеличения.
- В любом месте выделенной части кликнуть ПКМ и в меню выбрать вариант «Ширина столбца…».
- Прописать нужно значение высоты, которое будет больше текущего.
- Убедиться, что элемент табличного массива увеличился.
Важно! В окнах «Ширина столбца» или «Высота строки» менять указанные значения можно несколько раз, пока пользователь не получит требуемого результата.
Способ 3. Регулировка масштаба монитора
Растянуть табличку в Excel весь лист можно, увеличив масштабирование экрана. Это самый простой метод выполнения поставленной задачи, который подразделяется на следующие этапы:
- Открыть нужный документ Microsoft Excel, запустив сохраненный файл на компьютере.
- Зажать кнопку «Ctrl» на клавиатуре ПК и удерживать ее.
- Не отпуская «Ctrl», прокручивать колесико мышки вверх до тех пор, пока масштаб экрана не увеличится до размеров, необходимых пользователю. Таким образом таблица целиком увеличится.
- Повысить масштабирование экрана можно и другим способом. Для этого, находясь на рабочем листе Excel, надо передвигать ползунок в правом нижнем углу экрана от — к +. По мере его передвижение масштабирование в документе будет увеличиваться.
Кнопка «Масштаб» в ExcelДополнительная информация! В Эксель также есть специальная кнопка «Масштаб» во вкладке «Вид», позволяющая изменять масштабирование экрана как в меньшую, так и в большую сторону.
Способ 4. Смена масштаба табличного массива перед выводом документа на печать
Перед тем, как распечатывать таблицу из Excel, необходимо проверить ее масштаб. Здесь также можно увеличить размер массива, чтобы он занимал весь лист формата А4. Изменение масштаба пред печатью изменяется по следующей схеме:
- Кликнуть по кнопке «Файл» в левом верхнем углу экрана.
- В окошке контекстного типа кликнуть ЛКМ по строчке «Печать».
- В подразделе «Настройка» в отобразившемся меню найти кнопку, предназначенную для смены масштаба. Во всех версиях Excel она располагается на последнем месте в списке и называется «Текущий».
- Развернуть графу с названием «Текущий» и щелкнуть по строчке «Параметры настраиваемого масштабирования…».
- В окне «Параметры страницы» надо перейти на первую вкладку, в разделе «Масштаб» поставить тумблер в строку «Установить» и прописать число увеличения, к примеру, 300%.
- После нажатия «ОК» проверить результат в окне предварительного просмотра.
Предварительный просмотр документа перед выводом на печатьОбратите внимание! Если таблица располагается не на всю страницу А4, то нужно вернуться в то же окно и указать другое число. Для получения нужного результата процедуру придется повторить несколько раз.
Заключение
Таким образом, растягивать таблицу в Excel на всю страницу проще с применением метода масштабирования экрана. Подробнее он был описан выше.
Оцените качество статьи. Нам важно ваше мнение:
Excel как растянуть таблицу на весь лист как увеличить размер талицы как увеличить таблицу растягивание таблицы Эксель
detector
html — Сделать так, чтобы таблица заполнила все окно
спросил
Изменено 1 год, 8 месяцев назад
Просмотрено 125 тысяч раз
Как заставить HTML-таблицу заполнять все окно браузера по горизонтали и вертикали?
Страница представляет собой просто заголовок и оценку, которая должна заполнить все окно.
(Я понимаю, что фиксированные размеры шрифта — это отдельная тема.)
<таблица>
Регион
<тд>100,00%
Когда я использую приведенный выше код, ширина таблицы правильная, но высота уменьшается, чтобы соответствовать двум строкам текста.
Вероятно, мне придется использовать Internet Explorer 8 или 9 для представления этой страницы.
- html
- css
- Internet Explorer
- таблица стилей
Вы можете использовать такую позицию, чтобы растянуть элемент по родительскому контейнеру.
<таблица>
Регион
<тд>100,00%
7
вы можете увидеть решение на http://jsfiddle.net/CBQCA/1/
ИЛИ
| Регион | |
Я добавил 
без полей («пробелы» между границами и окном браузера), позвольте мне пояснить пример:
контейнер {
ширина: 100%;
минимальная высота: 567 пикселей;
отступ: 0px;
граница: 3 пикселя сплошная #FF0000;
}
.контейнер .контент {
цвет фона: #008080;
}
.контейнер .сайдбар {
цвет фона: #000000;
ширина: 160 пикселей;
}
<тело>
<таблица>
