Size: a a a

HTML/CSS — русскоговорящее сообщество

2021 February 19

АГ

Андрей Гуртовой... in HTML/CSS — русскоговорящее сообщество
посоны, я запутался, не могли бы вы меня распутать ?

верстаю вот такое↑↑↑
флекс контейнер имеет фиксированную ширину и высоту.

я хочу чтобы флекс-итемы растягивались вширь и вверх, заполняя всё пространство.

Я делаю вот так https://jsbin.com/jocabew/3/edit
но проблема в том, что multi-line прижимается к левому краю.
это возникает изза того что при переносе текста контейнер текста растягивается во всю ширину.
чтото туплю, не знаю как это исправить
источник

D

Drus in HTML/CSS — русскоговорящее сообщество
Андрей Гуртовой
посоны, я запутался, не могли бы вы меня распутать ?

верстаю вот такое↑↑↑
флекс контейнер имеет фиксированную ширину и высоту.

я хочу чтобы флекс-итемы растягивались вширь и вверх, заполняя всё пространство.

Я делаю вот так https://jsbin.com/jocabew/3/edit
но проблема в том, что multi-line прижимается к левому краю.
это возникает изза того что при переносе текста контейнер текста растягивается во всю ширину.
чтото туплю, не знаю как это исправить
text-align`ом можно решить проблему)
источник

АГ

Андрей Гуртовой... in HTML/CSS — русскоговорящее сообщество
угу, но не очень подходит что сам текст не выравнивается по левому краю
источник

АГ

Андрей Гуртовой... in HTML/CSS — русскоговорящее сообщество
о! мне кажется я знаю
надо  обернуть текст в обёртку, и задать
новое свойство width: min-content;
источник

АГ

Андрей Гуртовой... in HTML/CSS — русскоговорящее сообщество
https://jsbin.com/nujicav сработало. всем спасибо (IE11 гори в аду)
источник

АГ

Андрей Гуртовой... in HTML/CSS — русскоговорящее сообщество
только мултилайны теперь будут всегда шириной с наибольшее слово в тексте
источник

VL

Victor L in HTML/CSS — русскоговорящее сообщество
а если старые браузеры не поддерживаю var в css то поможет ли такой код?     background: #fff;
   background: var(--box-bg-color);
источник

VL

Victor L in HTML/CSS — русскоговорящее сообщество
или все равно цвет не сработает #fff;?
источник

DD

Denis Dashka in HTML/CSS — русскоговорящее сообщество
Сработает
источник

Д

Денис in HTML/CSS — русскоговорящее сообщество
Надо текст опустить на середину.
vertical-align: middle; - не работает (пробовал на строчные елементы - результат тот же)
Код
источник

Д

Денис in HTML/CSS — русскоговорящее сообщество
Высоту для header задал min-height: 300px;
источник

Д

Денис in HTML/CSS — русскоговорящее сообщество
Всё, решли. Спасибо!
источник

ДУ

Дмитрий Устинов... in HTML/CSS — русскоговорящее сообщество
Друзья, вот у меня простейший код:

<a href="music.mp3" download>load</a>

Трек лежит на моём компе

Кликаю по load - и не переходя никуда, сразу начинается закачка

Если я поставлю ссылку на сайт ВК и оттуда трек, то меня перекинет на пустую страницу с плеером посередине.

Дело в том, что нельзя прямо скачать с чужих сайтов?
источник

IN

Igor N in HTML/CSS — русскоговорящее сообщество
Есть такая штука, как авторские права. Почитай про неё
источник

E

Elena L. in HTML/CSS — русскоговорящее сообщество
Пиксель пефект реально сделать или 1-3 пикселя все равно гулять будут? Не могу никак свести, чтобы 1 в 1 было(((
источник

IN

Igor N in HTML/CSS — русскоговорящее сообщество
Elena L.
Пиксель пефект реально сделать или 1-3 пикселя все равно гулять будут? Не могу никак свести, чтобы 1 в 1 было(((
зачем вам пиксель перфект?
источник

E

Elena L. in HTML/CSS — русскоговорящее сообщество
заказчик просит по ТЗ
источник

EK

Eugene Kannou in HTML/CSS — русскоговорящее сообщество
Elena L.
Пиксель пефект реально сделать или 1-3 пикселя все равно гулять будут? Не могу никак свести, чтобы 1 в 1 было(((
Реально, но бессмысленно
источник

IN

Igor N in HTML/CSS — русскоговорящее сообщество
Я бы послал его
источник

EK

Eugene Kannou in HTML/CSS — русскоговорящее сообщество
Igor N
Я бы послал его
Согласен
источник