Size: a a a

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

2021 January 28

b

bomb703 in HTML/CSS — русскоговорящее сообщество
Освальд
box-shadow generator загугли
Спасибо
источник

КР

Коля Росіцький... in HTML/CSS — русскоговорящее сообщество
Привет, подскажите пожалуйста
Есть контейнер на всю высоту и ширину экрана, внутри него есть по центру список с ограниченной высотой, overflow: auto
Задача: нужно сделать так, что пока ты не проскролишь этот список, у тебя сама страница не будет скроллится ниже, но при попытке скролить, у тебя будет скроллится этот список, пока не дойдет до самого конца
Как это можна реализовать ?

пример https://codesandbox.io/s/infallible-solomon-zhesg?file=/src/styles.css
источник

SI

Spanish Inquisitor in HTML/CSS — русскоговорящее сообщество
Коля Росіцький
Привет, подскажите пожалуйста
Есть контейнер на всю высоту и ширину экрана, внутри него есть по центру список с ограниченной высотой, overflow: auto
Задача: нужно сделать так, что пока ты не проскролишь этот список, у тебя сама страница не будет скроллится ниже, но при попытке скролить, у тебя будет скроллится этот список, пока не дойдет до самого конца
Как это можна реализовать ?

пример https://codesandbox.io/s/infallible-solomon-zhesg?file=/src/styles.css
Это пример твоего кода или с просторов?
источник

КР

Коля Росіцький... in HTML/CSS — русскоговорящее сообщество
Spanish Inquisitor
Это пример твоего кода или с просторов?
моего
я добавил пару секций для скрола, и мне нужно зделать так, чтобы на второй секции фокус скрола был сначала на списке, и когда список проскролен, то скролить страницу
источник

SI

Spanish Inquisitor in HTML/CSS — русскоговорящее сообщество
Коля Росіцький
моего
я добавил пару секций для скрола, и мне нужно зделать так, чтобы на второй секции фокус скрола был сначала на списке, и когда список проскролен, то скролить страницу
Тебе в сообщество react/js тогда, это уже не html/css
источник

БВ

Богдан Волков... in HTML/CSS — русскоговорящее сообщество
Всем привет, есть ряд топиков, который переносится если их общая ширина + отступы больше ширины экрана. Такой вопрос можно ли растянуть первый ряд на всю оставшуюся ширину, при этом не трогая элементы которые перенеслись на вторую строку ?
источник

🦜

🦜 in HTML/CSS — русскоговорящее сообщество
Богдан Волков
Всем привет, есть ряд топиков, который переносится если их общая ширина + отступы больше ширины экрана. Такой вопрос можно ли растянуть первый ряд на всю оставшуюся ширину, при этом не трогая элементы которые перенеслись на вторую строку ?
были бы еще строки в css внутри блока
источник

БВ

Богдан Волков... in HTML/CSS — русскоговорящее сообщество
🦜
были бы еще строки в css внутри блока
контейнер:
.tags-block {
   flex-flow: row;
   display: inline-flex;
   flex-wrap: wrap;
источник

БВ

Богдан Волков... in HTML/CSS — русскоговорящее сообщество
Тэг
.tag {
box-sizing: border-box;
   display: flex;
   align-items: center;
   justify-content: center;
   font-family: "Fira Sans",sans-serif;
   -webkit-font-smoothing: antialiased;
   display: inline-flex;
   padding: 11px 6px;
   color: #3faaff;
   border: 1px solid #3faaff;
   border-radius: 20px;
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
   cursor: pointer;
}
источник

DR

DRAGAN RATCOVICH in HTML/CSS — русскоговорящее сообщество
Привет всем
источник

I

IllyaOn in HTML/CSS — русскоговорящее сообщество
привет
источник

Alibek Кulseitov in HTML/CSS — русскоговорящее сообщество
Богдан Волков
Всем привет, есть ряд топиков, который переносится если их общая ширина + отступы больше ширины экрана. Такой вопрос можно ли растянуть первый ряд на всю оставшуюся ширину, при этом не трогая элементы которые перенеслись на вторую строку ?
на эти теги навешай display: inline-block; margin: 0 10px 10px 0
источник

DR

DRAGAN RATCOVICH in HTML/CSS — русскоговорящее сообщество
Ну тут вопрос можно?
источник

DR

DRAGAN RATCOVICH in HTML/CSS — русскоговорящее сообщество
Или по гуглить?
источник

I

IllyaOn in HTML/CSS — русскоговорящее сообщество
можно
источник

🦜

🦜 in HTML/CSS — русскоговорящее сообщество
DRAGAN RATCOVICH
Или по гуглить?
гугли
источник

IN

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

I

IllyaOn in HTML/CSS — русскоговорящее сообщество
но не я отвечать буду
источник

БВ

Богдан Волков... in HTML/CSS — русскоговорящее сообщество
Alibek Кulseitov
на эти теги навешай display: inline-block; margin: 0 10px 10px 0
что  inline-block, что inline-flex погоды к сожалению не делают
источник

Alibek Кulseitov in HTML/CSS — русскоговорящее сообщество
Богдан Волков
что  inline-block, что inline-flex погоды к сожалению не делают
почему это?
источник