Ребят, кто-то делал read-more read-less для html string? Обрезая его

Там ещё с gap-ами тоже тот ещё секс, но вроде как можно пофиксить, когда с grid и flex делаешь, у bootstrap 5 этот баг не решён, поэтому gap не работает в Safari - учитывай это.

0

27.07.2023

Eugene Udalov 🇷🇺

iQs Solution
Там ещё с gap-ами тоже тот ещё секс, но вроде как ...

https://caniuse.com/?search=gap работает же

0

27.07.2023

iQs Solution

Eugene Udalov 🇷🇺
https://caniuse.com/?search=gap работает же

Это для flex: .classname > * + * { margin-left: 8rem;} // fix to Safari Это для grid: display: grid; grid-gap: 8rem; /* Safari 10-11 */ gap: 8rem; /* Safari 12+ */

0

27.07.2023

iQs Solution · Accepted Answer

iQs Solution

Для тега в котором есть текст, добавь class с этими инструкциями: overflow: hidden; text-overflow: ellipsis; white-space: nowrap; текст будет обрезаться по width, и заканчиваться троеточием.

0

27.07.2023

169 похожих чатов

Ребят, кто-то делал read-more read-less для html string? Обрезая его

8 ответов

Похожие вопросы