подсказка.css ручной разрыв строки в подсказке

#html #css #line-breaks #hint

#HTML #css #разрывы строк #подсказка

Вопрос:

Как я могу применить ручные разрывы строк в подсказках Hint.css?

Я перепробовал почти все: <br>, n, и их комбинации.

Я попробовал также некоторые вещи в CSS:

 white-space: normal;
word-wrap: break-word;
word-wrap: no-wrap;
word-wrap:break-word
white-space: nowrap;

Теперь: без разрыва строки подсказка имеет высоту в одну строку, но и любую длину.

В идеале: применяйте ручной разрыв строки везде, где я хочу, оставляя нетронутые подсказки без разрывов строк.

1. Немного сложно интерпретировать ваш вопрос и желаемый результат. Пожалуйста, предоставьте минимальный код, необходимый для демонстрации вашей проблемы, и, если возможно, пример (например, скриншот или отдельный код разметки / CSS, который дает тот же результат) желаемого поведения.

2. Что такое hint.css? У тега нет определения, и у него 0 подписчиков.

3. kushagragour.in/lab/hint

Ответ №1:

Нашел ответ на:

https://github.com/chinchang/hint.css/issues/24

В действии:

 [http://jsfiddle.net/gVPty/][2]

Ответ №2:

Я боролся с этим сегодня и наткнулся на этот ответ, поэтому я публикую свое решение:

Мне нужна была всплывающая подсказка для автоматического разрыва строки — потому что некоторые всплывающие подсказки я не мог контролировать содержимое. Итак, решением было добавление свойств «прерывателя строки» к элементу всплывающей подсказки:

«`

 [class*=hint--]:after {
    min-width: 300px;
    white-space: pre-wrap;
    word-break: break-all;
}

«`

Значение min-width установлено таким образом, что когда у вас есть строка типа «ааааааааааааааааааааааа», она не разбивает все буквы «а» на новые строки без учета минимальной ширины. Вот пример: http://plnkr.co/edit/CfTCxaqPxd1K2Jx5P7nc

Ответ №3:

Я использую версию v2.3.1 и должен был добавить этот CSS, чтобы заставить работать разрывы строк:

 [class*=hint--][aria-label]:after {
  white-space: pre;
}

Я использую amp;#10; в качестве символа разрыва строки.