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

Grid, максимальная и минимальная ширина

15.09.2019, 00:53. Показов 2072. Ответов 1
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
CSS
1
2
    display: grid;
    grid-template-columns: auto 1fr 13%;
Что если на блок необходимо выставить ширину в процентах, а так же минимальную.

В то время когда на родительском блоке выставлено
CSS
1
2
    display: grid;
    grid-template-columns: auto 1fr auto;
То есть в родительском блоке 3 блока, на крайних выставлено auto, поскольку ширина крайних каждый раз своя и задается дочерним блоком. Но когда на дочернем блоке выставлено
CSS
1
2
    display: grid;
    grid-template-columns: auto 1fr 13%;
Задать ширину, а так же минимальную не удается, не работает.

Добавлено через 5 минут
Возможно решить, обернуть в еще один блок данный блок со стилем
CSS
1
2
display: grid;
grid-template-columns: auto 1fr 13%;
В таком случаи возможно выставить ширину, но ширина будет работать в том случаи если она указана в px, в процентах не работает.
0
IT_Exp
Эксперт
34794 / 4073 / 2104
Регистрация: 17.06.2006
Сообщений: 32,602
Блог
15.09.2019, 00:53
Ответы с готовыми решениями:

Grid-template-columns - минимальная ширина + максимальная + ширина в процентах
Как сделать так, чтобы на колонку выставить ширину в процентах и при этом указать максимальную и минимальную ширину в пикселях?

Минимальная и максимальная ширина ячейки
Очередной ступор(( Имеется таблица: <table cellspacing=0 cellpadding=0> <tr> <td class="head_border"> ... ...

Неправильная ширина в Css Grid (grid-template-columns)
По высоте все нормально, но ширину никак не додумаюсь как выставить как на макете в итоге получил в макете должно быть так ...

1
38 / 27 / 12
Регистрация: 13.09.2019
Сообщений: 126
15.09.2019, 22:33
Для того, чтобы решить вашу проблему, нужно хотя-бы предоставить код. Я например вообще не понимаю, что вы хотите сделать
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
BasicMan
Эксперт
29316 / 5623 / 2384
Регистрация: 17.02.2009
Сообщений: 30,364
Блог
15.09.2019, 22:33
Помогаю со студенческими работами здесь

Минимальная ширина шаблона
width:54%; min-width:670px; Почему минимальная ширина не работает?

Минимальная ширина сайта
#site { min-width:800px; } Обернул всю страничку в div дал ему id "site", хотел увидеть полосу прокрутки, когда уменьшаю окно браузера на...

Минимальная ширина сайта
Довольно позорно создавать такую тему, но я уже так намаялся тыкать min-width во всем документе что не знаю что делать... У меня...

Оптимальная минимальная ширина сайта?
Какая, по вашему мнению, оптимальная ширина окна? Есть ли смысл делать даже под 320px? Заметил, что на моём сайте при ширине окна...

Таблица и минимальная ширина ячейки
Есть таблица, у таблицы свойство table-layout:fixed, таблица 100% по ширне, в ней 5 колонок, у которых ширина в 20%, при нажатии на...


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

Или воспользуйтесь поиском по форуму:
2
Ответ Создать тему
Новые блоги и статьи
Установка Android SDK, NDK, JDK, CMake и т.д.
8Observer8 25.01.2026
Содержание блога Перейдите по ссылке: https:/ / developer. android. com/ studio и в самом низу страницы кликните по архиву "commandlinetools-win-xxxxxx_latest. zip" Извлеките архив и вы увидите. . .
Вывод текста со шрифтом TTF на Android с помощью библиотеки SDL3_ttf
8Observer8 25.01.2026
Содержание блога Если у вас не установлены Android SDK, NDK, JDK, и т. д. то сделайте это по следующей инструкции: Установка Android SDK, NDK, JDK, CMake и т. д. Сборка примера Скачайте. . .
Использование SDL3-callbacks вместо функции main() на Android, Desktop и WebAssembly
8Observer8 24.01.2026
Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
моя боль
iceja 24.01.2026
Выложила интерполяцию кубическими сплайнами www. iceja. net REST сервисы временно не работают, только через Web. Написала за 56 рабочих часов этот сайт с нуля. При помощи perplexity. ai PRO , при. . .
Модель сукцессии микоризы
anaschu 24.01.2026
Решили писать научную статью с неким РОманом
http://iceja.net/ математические сервисы
iceja 20.01.2026
Обновила свой сайт http:/ / iceja. net/ , приделала Fast Fourier Transform экстраполяцию сигналов. Однако предсказывает далеко не каждый сигнал (см ограничения http:/ / iceja. net/ fourier/ docs ). Также. . .
http://iceja.net/ сервер решения полиномов
iceja 18.01.2026
Выкатила http:/ / iceja. net/ сервер решения полиномов (находит действительные корни полиномов методом Штурма). На сайте документация по API, но скажу прямо VPS слабенький и 200 000 полиномов. . .
Расчёт переходных процессов в цепи постоянного тока
igorrr37 16.01.2026
/ * Дана цепь(не выше 3-го порядка) постоянного тока с элементами R, L, C, k(ключ), U, E, J. Программа находит переходные токи и напряжения на элементах схемы классическим методом(1 и 2 з-ны. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru