Size: a a a

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

2020 April 30

T

Tim in CSS — русскоговорящее сообщество
Kolya
Картинкам попробуй задать max-width: 100%;
не помогло. И я написал выше - картинки в контейнерах, у контейнеров прописаны высота/ширина. То есть картинки никак не должны на это влиять.
источник

TZ

Timur Zhumashev in CSS — русскоговорящее сообщество
Tim
не помогло. И я написал выше - картинки в контейнерах, у контейнеров прописаны высота/ширина. То есть картинки никак не должны на это влиять.
А у картинок что прописано?
источник

TZ

Timur Zhumashev in CSS — русскоговорящее сообщество
Пока я вижу, что картинка выходит за рамки родителя, потому что у родителя прописаны размеры, а картинки под эти размеры не подстраиваются
источник

T

Tim in CSS — русскоговорящее сообщество
Timur Zhumashev
А у картинок что прописано?
width: 100%
object-fit: contain
источник

TZ

Timur Zhumashev in CSS — русскоговорящее сообщество
Height:auto
источник

T

Tim in CSS — русскоговорящее сообщество
а высота причем?
источник

TZ

Timur Zhumashev in CSS — русскоговорящее сообщество
Timur Zhumashev
Пока я вижу, что картинка выходит за рамки родителя, потому что у родителя прописаны размеры, а картинки под эти размеры не подстраиваются
Я не правильно понял проблему?
источник

T

Tim in CSS — русскоговорящее сообщество
изначальный вопрос был про ширину, с высотой все нормально
источник

KG

Kirill Galimov in CSS — русскоговорящее сообщество
Кто-нибудь знает чьи-нибудь сайты-портфолио (или свои) с классными (но в то же время не очень сложные) дизайнами для вдохновения?
источник

D

Denisio in CSS — русскоговорящее сообщество
themeforest не ?
источник

KA

Kenan Ayvazov in CSS — русскоговорящее сообщество
Kirill Galimov
Кто-нибудь знает чьи-нибудь сайты-портфолио (или свои) с классными (но в то же время не очень сложные) дизайнами для вдохновения?
"С классными..... "?
источник

KG

Kirill Galimov in CSS — русскоговорящее сообщество
Kenan Ayvazov
"С классными..... "?
... дизайнами*
источник

IN

Igor N in CSS — русскоговорящее сообщество
Ты псевдоэлемент задаёшь для circle?
источник

AB

Alex Bessmertnov in CSS — русскоговорящее сообщество
Возможно только сохраняй вложенность тип & это в твоём случае circle:before
источник

R

Romanovskiy in CSS — русскоговорящее сообщество
Всем привет!

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

Ну тоесть для одной строки делаем
white-space:nowrap; 
text-overflow: ellipsis;
overflow: hidden

И если текст не влезает, то добавляется три точки.

Вохможно такое же, но для нескольких строк?
источник

R

Romanovskiy in CSS — русскоговорящее сообщество
Нашёл вариант чисто для  webkit и вариант с добавлением многоточия в конец абсолютом всегда. Но и то и то косячное
источник

VK

Vitaliy Kirenkov in CSS — русскоговорящее сообщество
Romanovskiy
Всем привет!

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

Ну тоесть для одной строки делаем
white-space:nowrap; 
text-overflow: ellipsis;
overflow: hidden

И если текст не влезает, то добавляется три точки.

Вохможно такое же, но для нескольких строк?
самый простой - минифункция на js
источник

VK

Vitaliy Kirenkov in CSS — русскоговорящее сообщество
второй варик - то же самое, но на бэке
источник

VK

Vitaliy Kirenkov in CSS — русскоговорящее сообщество
источник

VK

Vitaliy Kirenkov in CSS — русскоговорящее сообщество
и еще варика 2-3
источник