Ведение журнала консоли JS с использованием стилей (%c) добавляет непреднамеренные разрывы строк ⇐ CSS

[Anonymous]

Я работаю над улучшением ведения журнала отладки и заметил, что когда вы создаете более длинные фрагменты стилизованного текста, консоль имеет тенденцию добавлять разрывы строк. Интересно, смогу ли я предотвратить такое поведение? Может быть, в стилях есть что-то, что могло бы элегантно предотвратить это?
Вот пример:

Код: Выделить всё

const cssHeadField = `border-bottom: 1px solid grey;font-family: 'Courier New',monospace;font-weight: 600;font-size: 1.2em;background-color: Orange; color: black`;
const cssError = `background-color: Red; color: black`;

console.log(`no formatting at all %c and now head field kicks in and now it stops: %c and now a bunch of text that has no formatting, oop! %can error here%c some more text with no for... %coh, another error!%c`, cssHeadField, "", cssError, "", cssError, "")
console.log(`no formatting at all %c and now head field kicks in and now it stops: %c and now a bunch of text that has no formatting, oop! %can error here, maybe a longer error description too something that would be multiline or something right?%c some more text with no for... %coh, another error! This one is supposed to be long too just to test it out I guess%c`, cssHeadField, "", cssError, "", cssError, "");

Подробнее здесь: https://stackoverflow.com/questions/790 ... ine-breaks