Принудительный перенос строки в URL-адресе

В моем блоге есть лента в Твиттере. Он отлично работает, но есть проблема с длинными URL-адресами в твитах. Длинные URL-адреса нарушают макет, выходя за пределы ширины контейнера.

Мой код выглядит следующим образом:

<ul id="twitter_update_list">
    <!-- twitter feed -->
</ul>

<script type="text/javascript" src="http://twitter.com/javascripts/blogger.js"></script>
<script type="text/javascript" src="http://twitter.com/statuses/user_timeline/USERNAME.json?callback=twitterCallback2&amp;count=3"></script>

Сценарий blogger.js содержит функцию обратного вызова, которая берет данные из запроса Twitter и заполняет

  • элементов в предварительно определенный
      .

      Я ' m с помощью следующего CSS для автоматического разрыва строки (для браузеров, которые его поддерживают):

      #twitter_update_list li span a {
          word-wrap: break-word;
      }
      

      Я знаю о теге и пытался использовать его с функцией jquery, которая выглядела следующим образом:

      $(document).ready(function(){
          $("#twitter_update_list li span a").each(function(){
              // a replaceAll string prototype was used here to replace "/" with "<wbr>/"
          });
      });
      

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

      Я ищу блок кода, который я могу просто добавить, чтобы исправить проблему с разрывом строки (добавив перенос строки на длинные URL-адреса). Firefox и Chrome работают правильно, но IE7 и IE8 нужно нечто большее. (Меня не волнует IE6.)

  • 13
    задан Nacho 1 December 2010 в 16:26
    поделиться