Как переносить URL по словам?

Перенос слов хорошо работает на длинных строках без специальных символов. Я хотел бы использовать его на URL. Вместо заполнения всех столбцов подряд текст переходит к следующей строке, где встречаются специальные символы, такие как =, & и т.д. Есть ли какой-то другой способ решить эту проблему? HTML:

<div style="word-wrap: break-word; width:100px;" id="foo"></div>

JS:

var div = document.getElementById("foo");
div.innerHTML = "https://www.google.co.in/search?q=hello+world&ie=utf-8&oe=utf-8&gws_rd=cr&ei=aNqUVZ7ZK4KVuATI3IGIDg";

JS Fiddle здесь .

PS: переполнение не очень хорошо!

4 голоса | спросил rohithpr 2 J000000Thursday15 2015, 09:38:05

1 ответ


0

Попробуйте использовать word-break: break-all;

 var div = document.getElementById("foo");
div.innerHTML = "https://www.google.co.in/search?q=hello+world&ie=utf-8&oe=utf-8&gws_rd=cr&ei=aNqUVZ7ZK4KVuATI3IGIDg";
 #foo{
  word-break: break-all;
}
 <div style="width:100px;" id="foo">
    
</div>
ответил Siddharth Thevaril 2 J000000Thursday15 2015, 09:42:20

Похожие вопросы

Популярные теги

security × 330linux × 316macos × 2827 × 268performance × 244command-line × 241sql-server × 235joomla-3.x × 222java × 189c++ × 186windows × 180cisco × 168bash × 158c# × 142gmail × 139arduino-uno × 139javascript × 134ssh × 133seo × 132mysql × 132