Вопросы по теме 'css-tables'
Должен ли я использовать макет таблицы HTML или новый код CSS display:table-cell?
Я использовал таблицы, но никогда не использовал CSS. Теперь у меня есть таблица данных с 3 строками и 2 столбцами. Может кто-нибудь объяснить, как я могу сделать это с помощью CSS DIV, а также, что наиболее важно, я хотел бы знать, является ли CSS...
587 просмотров
schedule
15.04.2024
Как получить отступы между ячейками таблицы, но не вокруг всей таблицы?
Я хочу иметь таблицу с отступами между каждой из ячеек, но не вокруг ячеек внешнего края, то есть не вокруг самой таблицы.
С использованием:
border-collapse : separate;
border-spacing : 0.5em;
дает мне отступы везде, используя:...
2354 просмотров
schedule
28.08.2022
CSS Border-collapse в сочетании с пунктирной рамкой
Я работаю над следующим веб-сайтом , который использует пунктирную рамку (применяется к ячейкам таблицы), чтобы содержать большую часть содержание веб-сайта.
В целом это работает нормально, но в Chrome есть небольшая проблема, когда две свернутые...
4472 просмотров
schedule
19.07.2022
Вертикальное и горизонтальное центрирование div переменного размера
У меня есть div, ширина и высота которого представляют собой фиксированные проценты окна браузера, скажем, 70% и 80%, с определенными min-width и min-height . Я хочу, чтобы этот div отображался как по вертикали, так и по горизонтали по центру окна...
4296 просмотров
schedule
01.09.2022
Firefox не может обрабатывать абсолютное позиционирование в «display: table-cell»?
Мне нужны были два столбца одинаковой высоты, поэтому я использовал display:table. Все идет нормально.
Затем мне нужно было, чтобы ссылки располагались в основании ячеек таблицы, поэтому я выбрал абсолютное позиционирование.
Выглядит идеально,...
1932 просмотров
schedule
19.07.2022
Печать мультимедиа CSS не работает
У меня есть страница PHP, где мне нужно поместить кнопку print . Для этого я добавил Javascript ниже:
<script type="text/javascript">
function PrintContent() {
var DocumentContainer = document.getElementById('prnt');...
8006 просмотров
schedule
09.10.2023
css абсолютная позиция внутри ячейки таблицы работает везде, кроме firefox
У меня есть горизонтальные новости, которые выглядят так: DEMO
Если вы запустите эту скрипту в Firefox, она будет отображаться иначе, чем в других браузерах. На моей веб-странице он позиционирует случайную позицию (всегда одинаковую).
Мне...
7526 просмотров
schedule
20.02.2024
Как разместить картинку и разделитель рядом со статьей?
Как лучше всего разместить изображение справа от текста (текст займет 70% от контейнера), затем будет вертикальная линия (т.е. граница), а затем изображение? Я думал о создании таблиц с 3 столбцами, но не уверен, что это будет лучший способ добиться...
72 просмотров
schedule
15.12.2023
Как сохранить таблицу во внешнем наборе полей без жесткого кодирования высоты в пикселях
На моей html-странице есть набор полей, и внутри этого div я отображаю таблицу на лету. Эта таблица может иметь только 1 строку или 1000 строк.
Высота внешнего Div составляет 75%, и я не хочу, чтобы таблица проходила через это.
HTML-код...
106 просмотров
schedule
14.11.2023
Изображения внутри DIV (отображение: table-cell;) превышают высоту
Мне нужно вертикально выровнять изображения внутри горизонтального макета с плавной высотой (100%). До сих пор я обнаружил, что наиболее подходящий метод центрирования по вертикали без фиксированной высоты — это использование display: table,...
3531 просмотров
schedule
03.03.2024
Как сделать так, чтобы ширина столбца таблицы занимала только необходимое пространство с переполнением многоточия?
Я хотел бы, чтобы моя таблица имела ширину 100%, и чтобы каждый столбец таблицы занимал только необходимое пространство. Если он переполнится, появится многоточие.
Без макета таблицы: исправлено;
html, body {
margin: 0;...
12445 просмотров
schedule
01.05.2024
Html-таблица разрывает строку при печати
В настоящее время у меня возникают некоторые проблемы с таблицей, которую я пытаюсь распечатать, если в ней более одной страницы, на разрыве страницы строка таблицы обрезается. Я уже пробовал использовать table { page-break-inside:auto } и tr {...
6302 просмотров
schedule
04.09.2022
Как вы чередуете таблицу rowspan?
В моей таблице есть ячейки rowspan, как я могу применить полосатый фон, чтобы строки с ячейкой rowspan считались одной строкой, например:
tbody tr:nth-child(odd) {
background-color: #ccc;
}
https://jsfiddle.net/gtL0tL6f/
4022 просмотров
schedule
15.11.2023
Макет таблицы фиксированный и полный столбец строки с динамическими столбцами
Я пытался установить ширину столбцов таблицы, но заметил, что когда он работает в FF, он полностью игнорируется в Chrome / Edge. Исправить довольно просто - установите table-layout на fixed.
Это заставило все браузеры уважать ширину столбцов, но...
670 просмотров
schedule
04.07.2022
Адаптивная проблема с фоном прокрутки
У меня есть следующий CSS, пытаясь создать отзывчивый табличный дизайн.
.table {
display: flex;
width: 100%;
flex-direction: column;
overflow-x: auto;
}
.table__row {
display: flex;
flex-flow: row nowrap;
}
.table__column {...
44 просмотров
schedule
16.04.2024
Предотвратить выход тела таблицы за пределы видимой высоты экрана, а затем добавить полосу прокрутки
У меня есть таблица на странице. Иногда он будет иметь 10 строк, а иногда более 100 строк. Я бы хотел, чтобы таблица доходила до нижней части экрана, если строк достаточно, но не дальше этого. Я хочу, чтобы он добавил полосу прокрутки только для...
150 просмотров
schedule
01.01.2024
Схлопывание Bootstrap в таблицах — проблемы с границами и отступами
У меня есть стол с другим столом в нем. У этого есть div с классом коллапса из бутстрапа. Так что я могу свернуть его с помощью кнопки в первом ряду.
Проблема заключается в следующем:
Мне нужна только красная рамка, когда она активна....
197 просмотров
schedule
26.01.2024
Создание таблицы матриц в React
Мне нужно создать матричную таблицу на сайте реакции. В частности, я хочу иметь таблицу с вертикальными и горизонтальными заголовками, с набором флажков для каждой ячейки. Примерно так (с флажками):
Сейчас я создаю этот сайт, используя...
780 просмотров
schedule
27.03.2024
Как я могу динамически изменять размер столбцов таблицы в соответствии с содержимым, выравнивать по левому краю и сохранять максимальную ширину?
Я нашел множество примеров, близких к тому, что я ищу, но мне нужно больше контроля над дизайном таблицы. Кроме того, я не хочу, чтобы текст переносился, и хочу отображать многоточие и позволять контенту иметь всплывающую подсказку при наведении...
643 просмотров
schedule
27.07.2022