Замените символ на разрыв строки, когда требуется разрыв строки в HTML / CSS

#html #css

#HTML #css

Вопрос:

У меня есть строки (в основном названия мест), в которых я хотел бы указать, где должен быть разрыв строки, если в HTML требуется разрыв строки. Я знаю, как справиться с предпочтением пробела, но я застрял на случае, например, «Миннеаполис / Сент-Пол». В идеале, если вы вынуждены делать разрыв строки, вы хотели бы заменить косую черту на разрыв строки, а не просто прерывать строку там и оставлять косую черту в конце первой или начале второй строки.

Таким образом, в одной строке вы получаете Minneapolis/St. Paul , и когда требуется разрыв строки, вы попадаете Minneapolis на первую строку и St. Paul на вторую без косой черты.

Ответ №1:

JavaScript может быть тем, что вам нужно здесь. Вы можете установить идентификатор для своего текстового элемента, например

 <p id="text">My text/New line</p>
  

а затем добавьте тег script впоследствии:

 <script>
const element = document.querySelector('#text');
if (element) {
  element.innerHTML = element.innerHTML.replace(///g, '<br />');
}
</script>
  

Пример

 const element = document.querySelector('#text');
if (element) {
 element.innerHTML = element.innerHTML.replace(///g, '<br />');
}  
 ""  
 <p id="text">My text/New line/yes!</p>  

Комментарии:

1. Не совсем то, что я искал, мне нужно решение, которое реагирует на доступное пространство.