10 ответ(ов) в теме
Lev
не в сети 3 часа
На сайте с 23.06.2015
Участник
Тем 63
Сообщения 242
1
17:00

Версия WP-Recall: 16.9.2

Версия дополнения: 2.1.1

Здравствуйте.
Подскажите, как заставить текст с описанием понимать перенос строк?
Не помогают даже <br> и т.п. Перепробовал разные способы, что бы получить желаемое.
Вписываю к примеру так:

За первое место в чемпионате:
Roadster Championship (кликабельно)
Дата проведения - 01.01.2017

В ЛК вроде с <br> это решается, если задать минимальный размер подсказки в 370px.Что бы она вся влезла. (почему то не растягивает в этом случае само, хотя в ксс от 300 до 500 указано)
А вот на странице юзер лист вобще ни как не хочет правильно работать.

Заранее спасибо.

Оффтоп
С наступающим всех!

Редакции сообщения
31.12.2017 17:04LevПричина: не указано
31.12.2017 17:04LevПричина: не указано
31.12.2017 17:07LevПричина: не указано
31.12.2017 17:11LevПричина: не указано
31.12.2017 17:17LevПричина: не указано
0
Lev
не в сети 3 часа
На сайте с 23.06.2015
Участник
Тем 63
Сообщения 242
2
18:04

И <br> уродуют страницу со всеми достижениями. :(

Чем дальше тем интересней ))
Вобщем если просто переносить строки без бр, то в лк все норм вроде.
Но на странице юзерлист все в одну строку.
если вписать бр то на странице юзер листа все по строкам, как надо а в ЛК ломается строка еще до бр. эхх

Редакции сообщения
31.12.2017 18:04LevПричина: не указано
31.12.2017 18:13LevПричина: не указано
0
Preci
не в сети 10 часов
На сайте с 11.11.2014
Участник
Тем 53
Сообщения 405
3
20:11

Вот я использовал br никаких проблем нет

Редакции сообщения
31.12.2017 20:11PreciПричина: не указано
0
Lev
не в сети 3 часа
На сайте с 23.06.2015
Участник
Тем 63
Сообщения 242
4
21:49

Вот у вас тоже текст переносит и не растягивает подсказку до допустимых максимальных 500px

Вы не можете просматривать опубликованные ссылки

-

Вот без бр в ЛК. Все как надо.

Вы не можете просматривать опубликованные ссылки

Но этот вариант не работает на странице юзерлист

Пример

Вы не можете просматривать опубликованные ссылки

и приходится использовать br

Но с br в строке ссылки, в подсказке ЛК, появляется лишняя пустая строка под этим текстом с ссылкой.

Вот пример

Вы не можете просматривать опубликованные ссылки

Если не использовать br на строке ссылки, то естественно опять все переносится.
Хотя оно и так переносится, если не влезает.

Единственный вариант который я нашел, это увеличить минимальную ширину подсказки. Но это не решение и в этом случае в ЛК мы имеем лишнюю пустую строку и лишние отступы под и над картинкой ачивки.

Не знаю, как подробней описать.

Редакции сообщения
01.01.2018 21:56LevПричина: не указано
0
Preci
не в сети 10 часов
На сайте с 11.11.2014
Участник
Тем 53
Сообщения 405
5
23:34

Я не понимаю и не вижу никакой проблемы. Если слово не помещается - оно переносится на другую строку

0
Lev
не в сети 3 часа
На сайте с 23.06.2015
Участник
Тем 63
Сообщения 242
6
00:56

Я видимо сложно пытаюсь объяснить простое.

Цель такая, что при написании 3-4 строк текста каждая строка должна быть полной, без переносов, если длинна строк не превышает максимальные значение блока подсказки в 500px
Оно переносит как то произвольно. Где то блок подсказки длинней, где то короче. Даже строку которая умещалась бы в 370px переносит. На скринах же вроде должео быть понятно.

0
Preci
не в сети 10 часов
На сайте с 11.11.2014
Участник
Тем 53
Сообщения 405
7
02:16

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

0
Lev
не в сети 3 часа
На сайте с 23.06.2015
Участник
Тем 63
Сообщения 242
8
15:42

А как это можно решить стилями? я пробовал по разному. и fix-content и auto и тд. на разных уровнях.

Я не понимаю, как вы не видите, что даже у вас строка переноситься.

вот к примеру мы дарим стих
тут 4 строки.

Вы не можете просматривать опубликованные ссылки

вот попытка сделать это с бр

Вы не можете просматривать опубликованные ссылки

Содержимое блока с классом achiev-float-descr должно растянуть весь блок с классом achiev-float, что бы влезла вся строка.
Этого не происходит и стих превращается в кашу.

Редакции сообщения
03.01.2018 15:43LevПричина: не указано
0
Preci
не в сети 10 часов
На сайте с 11.11.2014
Участник
Тем 53
Сообщения 405
9
17:51

.achiev-float .achiev-float-descr {
width: 100%;
}

0
Lev
не в сети 3 часа
На сайте с 23.06.2015
Участник
Тем 63
Сообщения 242
10
01:34

Вроде все перепробовал до этого. В том числе и 100% на разных уровнях.

В итоге с вашей помощью удалось решить так

.achiev-float .achiev-float-descr {
    width: 100%;
    display: grid;
}

Спасибо!

0
Тема закрыта. Публикация новых сообщений запрещена.