Size: a a a

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

2020 June 23

VK

Vitaliy Kirenkov in CSS — русскоговорящее сообщество
Anton Antonov
https://codepen.io/nikfakel/pen/qBbmVgo

можно ли через цсс сделать так, чтобы текст в description обрезался по своему контенту для любого количества строк (а не для ранее подсчитанного для максимум трех строк в тайтле и максимум 7 строках в дескрипшне?
в твоём кейсе я бы делал уход в прозрачность снизу, а не многоточие
источник

AA

Anton Antonov in CSS — русскоговорящее сообщество
Vitaliy Kirenkov
в твоём кейсе я бы делал уход в прозрачность снизу, а не многоточие
у меня четкий дизайн макет, там именно многоточие
источник

AA

Anton Antonov in CSS — русскоговорящее сообщество
более того, там еще кнопка Read more, но я ее могу скипнуть, а вот многоточие - нет
источник

VK

Vitaliy Kirenkov in CSS — русскоговорящее сообщество
Anton Antonov
у меня четкий дизайн макет, там именно многоточие
имхо - только js
источник

AA

Anton Antonov in CSS — русскоговорящее сообщество
кажется, буду писать костыль
источник

AA

Anton Antonov in CSS — русскоговорящее сообщество
ага
источник

AP

Anton Permyakov in CSS — русскоговорящее сообщество
Anton Antonov
https://codepen.io/nikfakel/pen/qBbmVgo

можно ли через цсс сделать так, чтобы текст в description обрезался по своему контенту для любого количества строк (а не для ранее подсчитанного для максимум трех строк в тайтле и максимум 7 строках в дескрипшне?
что значит по-своему контенту?
типа чтобы 60% от текста скрывалось?
источник

VK

Vitaliy Kirenkov in CSS — русскоговорящее сообщество
фикс высота строки, смотришь высоту контента, если больше допустимого кол-ва строк, что может вместиться, то...
источник

AA

Anton Antonov in CSS — русскоговорящее сообщество
Anton Permyakov
что значит по-своему контенту?
типа чтобы 60% от текста скрывалось?
в тайтле может быть от одной до трех строк, дескрипшн по максимуму заполняет пустое пространство
источник

AA

Anton Antonov in CSS — русскоговорящее сообщество
Vitaliy Kirenkov
фикс высота строки, смотришь высоту контента, если больше допустимого кол-ва строк, что может вместиться, то...
ну це да
источник

KS

Kirill Saltykov in CSS — русскоговорящее сообщество
Ребят, привет.
А как правильнее всего центрировать что-то по экрану?
Условно говоря, есть например какой-то лоадер или форма логина, они должны быть по центру экрана.
Это лучше как-то через flexbox сделать?

Привык к вёрстке на мобильных устройствах, а вот в вебе как-то плыву совсем.
источник

AP

Anton Permyakov in CSS — русскоговорящее сообщество
Anton Antonov
в тайтле может быть от одной до трех строк, дескрипшн по максимуму заполняет пустое пространство
то есть, если в тайтле 1 строка, то в контенте максимум 8, а если в тайтле 3, то 6?
источник

VK

Vitaliy Kirenkov in CSS — русскоговорящее сообщество
Kirill Saltykov
Ребят, привет.
А как правильнее всего центрировать что-то по экрану?
Условно говоря, есть например какой-то лоадер или форма логина, они должны быть по центру экрана.
Это лучше как-то через flexbox сделать?

Привык к вёрстке на мобильных устройствах, а вот в вебе как-то плыву совсем.
источник

AP

Anton Permyakov in CSS — русскоговорящее сообщество
Kirill Saltykov
Ребят, привет.
А как правильнее всего центрировать что-то по экрану?
Условно говоря, есть например какой-то лоадер или форма логина, они должны быть по центру экрана.
Это лучше как-то через flexbox сделать?

Привык к вёрстке на мобильных устройствах, а вот в вебе как-то плыву совсем.
лоадер обычно вне потока через fixed висит
то, что в потоке - через флекс
источник

AA

Anton Antonov in CSS — русскоговорящее сообщество
Anton Permyakov
то есть, если в тайтле 1 строка, то в контенте максимум 8, а если в тайтле 3, то 6?
ага
источник

KS

Kirill Saltykov in CSS — русскоговорящее сообщество
Благодарствую))
источник

AP

Anton Permyakov in CSS — русскоговорящее сообщество
ну тогда можно по умолчанию поставить минимум, чтобы ничего не поехало, а через джс просто менять line-clamp
источник

А

Александр in CSS — русскоговорящее сообщество
ребят, всем привет
есть у кого на примете простенькая попап галерея, по типу magnific popup, только не на jquery?
источник

AA

Anton Antonov in CSS — русскоговорящее сообщество
Anton Permyakov
ну тогда можно по умолчанию поставить минимум, чтобы ничего не поехало, а через джс просто менять line-clamp
эхх, надеялся поменьше костылей будет, мб у кого нить крутой хак есть на примете )
источник

MG

Moe Green in CSS — русскоговорящее сообщество
гайз, дикий вопрос - Microsoft Edge и IE 11 - это одно и тоже? их можно считать одним и тем же?
источник