Kabak |
|
||
---|---|---|---|
Суть проблемы : Пользователь неожиданно ввёл текста больше чем ожидалось. ( и это не его вина ) в отладчике это выглядит так Весь ответ на форуме = Flex контейнер. ( на последнем скрине видны блоки ) Блок с текстом ответа просто соскакивает вниз, потому что блок с инфой о юзере стал больше пожидаемого. Добавлено 8 минут спустя: Обрезание текста таким методом - не совсем красивое и решение конкретного случая, но не панацея от такой проблемы
выглядит так : Добавлено 2 минуты спустя: Каким образом красиво переносить слова - текст который превышает какие-то размеры по длинне из тега {FORUMS_POSTS_ROW_USERLOCATION} ? |
|||
This post was edited by Kabak (2023-09-28 07:40, 1 year ago) |
Kort |
|
||||||
---|---|---|---|---|---|---|---|
Для начала закомментируй блоки .forum_date, .admin и div_thanks. Вернешься к ним потом. Правила для div.about:
Правила для div.message:
Текст в блоке .about теперь будет спокойно переноситься. Почему не переносился раньше -- почитай про flex и посмотри на свои начальные правила. У родителя достаточно будет:
.forum-date и .admin проще перенести в блок .message. .div_thanks -- в .about. Как вариант -- использовать отдельные рядные flex-блоки для [div.forum-date div.admin], [div.about div.message] и [div.thanks]. Но если посидеть-подумать, можно и с текущей разметкой справиться) P.S. color для .about указан с ошибкой SED.by - создание сайтов, разработка плагинов и тем для Котонти
|
|||||||
This post was edited by Kort (2023-09-28 08:23, 1 year ago) |
Kabak |
|
---|---|
блоки из контейнера Flex .forum_date и .admin всегда должны быть сверху над всем они делят простарнствоа 20% и 80% как это сделать ?
|
Argont |
|
---|---|
Kabak |
|
---|---|
1 + 2 блоки всегда должны быть над 3-м и 4-м блоками 3 + 4 всегда должны быть слева направо и не уходить вниз - 4-й под 3-й при этом длинный текст в 3-м блоке должен уходить на новую строку 5 всегда внизу на все 100% пространства под 3-м и 4-м блоками |
Argont |
|
---|---|
блоку с юзером и его данными отдаем 1-4@m а на текст в в сетке отдаем expand@m иногда поржать над задравшим подбородок разработчиком
|
Kort |
|
||
---|---|---|---|
#47146 Kabak: Если тебе принципиально 20% и 80% (т.е. все в %), то и .about надо в проценты:
Аналогично поступаешь с .forum_date SED.by - создание сайтов, разработка плагинов и тем для Котонти
|
Kabak |
|
||
---|---|---|---|
Я его и не начинал пользовать - он убивает скорость любого сайта.
Добавлено 1 минута спустя: вот полный СSS ( я понимаю, что там много лишнего. Я пока его не чистил )
|
Argont |
|
||
---|---|---|---|
#47148 Kabak:
иногда поржать над задравшим подбородок разработчиком
|
Kabak |
|
---|---|
4-й блок ещё делится на свои Flex блоки. они не отображены потому, что пользователь не указал в профиле подпись. 5-й тоже делится на подблоки , но с ними всё в порядке |
Kort |
|
||||||
---|---|---|---|---|---|---|---|
Мама, роди меня обратно. Леша, если надо указывать ширины, для родителя добавь flex-wrap: wrap, Затем все flex-свойства у потомков замени на ширины в %. Примерно так:
SED.by - создание сайтов, разработка плагинов и тем для Котонти
|
Argont |
|
||
---|---|---|---|
#47151 Kabak: кроме вашего личного времени, на поиски решений, уже давно готовых как теорема пифагора - ничего он не убивает, как и любая современная библиотека или фреймворк на JS/CSS это кейс-тулс (соквояж я инструментами) что бы не изобретать их заново, у любого нормального водителя есть такой чемоданчик Добавлено 4 минуты спустя: #47153 Kabak:
иногда поржать над задравшим подбородок разработчиком
|
Kabak |
|
---|---|
Да, в интернете полно описаний каких-то Но у меня не поулчилось добиться того что я описал. Попробую то что вы написали. Возможно ещё раз попробую... Как-то давновато я этот каркас для ответа на форуме делал и много что пробовал. Напишу о результатах здесь. Добавлено 48 секунд спустя: flex-wrap: wrap как раз и загибает блок под блок |
Argont |
|
---|---|
вот визуально, о чем писал выше иногда поржать над задравшим подбородок разработчиком
|
Kabak |
|
||
---|---|---|---|
Блоки .about и .message - тоже Flex контейнеры для своих div со своими правилами. Добавлено 1 минута спустя: #47157 Argont: ну и при сужении экрана блоки уходят один по одного. А мне нужно что бы ВСЕГДА !!! - 1-2 3-4 5
при любом разрешении экрана Добавлено 4 минуты спустя: вот для .about
работает |