Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.75/4: Рейтинг темы: голосов - 4, средняя оценка - 4.75
0 / 0 / 0
Регистрация: 23.12.2019
Сообщений: 11

Как создать таблицу используя Flex?

07.11.2021, 01:27. Показов 931. Ответов 2

Студворк — интернет-сервис помощи студентам
Учусь верстать, выбрал сайт для тренировки и столкнулся с некоторыми сложностями.
Нужно создать подобную таблицу.Как это сотворить я ума не приложу.Буду благодарен за подсказку.



Это референс:

0
Лучшие ответы (1)
IT_Exp
Эксперт
34794 / 4073 / 2104
Регистрация: 17.06.2006
Сообщений: 32,602
Блог
07.11.2021, 01:27
Ответы с готовыми решениями:

Как прописывать flex-basis и flex-grow/flex-shrink?
Доброго времени суток? Объясните , пожалуйста, такую вещь, - куда вписывать свойства flex-basis, а также , соответственно flex-grow ,...

Как создать таблицу из трех массивов используя цикл while
Привет! У меня задание сделать вот такую таблицу из массивов, как на картинке ниже, используя цикл while Вот мой код с...

Как добавить значения в таблицу БД, используя другую таблицу БД?
Здравствуйте, есть таблица продуктов (id, имя продукта, б, ж, у и энерг. ценность). И есть таблица приема пищи с такими же названиями...

2
Молодой техлид)
Эксперт JSЭксперт HTML/CSS
 Аватар для mr_dramm
1818 / 1056 / 329
Регистрация: 17.07.2021
Сообщений: 2,147
Записей в блоге: 14
07.11.2021, 03:10
Лучший ответ Сообщение было отмечено User_2243534132 как решение

Решение

Цитата Сообщение от User_2243534132 Посмотреть сообщение
Учусь верстать, выбрал сайт для тренировки и столкнулся с некоторыми сложностями. Нужно создать подобную таблицу.
Т.е. все остальное на сайте было просто, а таблица это сложно? А хотя бы пробовали создать или сразу сдались? И что на первом рисунке изображено с dd и dt тегами это что значит?

Все что нужно сделать использовать table tr td для создания таблицы внутри td сделать внутренние отступы padding и с помощью span раскрасить текст, для создания 16+ потребуется display inline-block border-radius и bacground

или чтобы создать таблицу создать двух колоночный макет на flex или grid с небольшими доработками например из этой темы
1
0 / 0 / 0
Регистрация: 23.12.2019
Сообщений: 11
07.11.2021, 12:31  [ТС]
Flex-basis всё решил.Спасибо!
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
BasicMan
Эксперт
29316 / 5623 / 2384
Регистрация: 17.02.2009
Сообщений: 30,364
Блог
07.11.2021, 12:31
Помогаю со студенческими работами здесь

Создать и заполнить таблицу, не используя MS Flexgrid
Проблема такая, дано задание создать что-то вроде двумерного массива,состоящий из 0 и 1. Должны поставить контрольный разряд, у меня по...

Создать таблицу, используя двумерные массивы
Не получается создать таблицу,используя двумерные массивы.помогите пожалуйста!

Создать таблицу при используя средства VBA в MS Word
Спасательная служба имеет информацию о туристических группах в виде: --номер группы, --руководитель, --дата выезда на маршрут, ...

Используя массив структур - на основе введённых данных создать таблицу
Знаю что делаю, что-то не так. Но не могу разобраться. Нужно используя массив of Structures - на основе введённых данных создать таблицу....

Собрать форму используя flex
Всем привет! Давненько не верстал и тут встал вопрос создать блок у котором нужно расположить элементы. Сам блок может быть разных...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
3
Ответ Создать тему
Новые блоги и статьи
SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL3_image
8Observer8 10.02.2026
Содержание блога Библиотека SDL3_image содержит инструменты для расширенной работы с изображениями. Пошагово создадим проект для загрузки изображения формата PNG с альфа-каналом (с прозрачным. . .
Установка Qt-версии Lazarus IDE в Debian Trixie Xfce
volvo 10.02.2026
В общем, достали меня глюки IDE Лазаруса, собранной с использованием набора виджетов Gtk2 (конкретно: если набирать текст в редакторе и вызвать подсказку через Ctrl+Space, то после закрытия окошка. . .
SDL3 для Web (WebAssembly): Работа со звуком через SDL3_mixer
8Observer8 08.02.2026
Содержание блога Пошагово создадим проект для загрузки звукового файла и воспроизведения звука с помощью библиотеки SDL3_mixer. Звук будет воспроизводиться по клику мышки по холсту на Desktop и по. . .
SDL3 для Web (WebAssembly): Основы отладки веб-приложений на SDL3 по USB и Wi-Fi, запущенных в браузере мобильных устройств
8Observer8 07.02.2026
Содержание блога Браузер Chrome имеет средства для отладки мобильных веб-приложений по USB. В этой пошаговой инструкции ограничимся работой с консолью. Вывод в консоль - это часть процесса. . .
SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве
8Observer8 02.02.2026
Содержание блога Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .
Философия технологии
iceja 01.02.2026
На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .
SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью SDL3_ttf
8Observer8 01.02.2026
Содержание блога В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .
SDL3 для Web (WebAssembly): Сборка C/C++ проекта из консоли
8Observer8 30.01.2026
Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru