html - マルチラインアンカーリンクCSS

Question

アンカー/リンクをそのdiv/liと複数行に含める必要があります。

これがJSFiddleで、私が何を意味するのかを示していますhttp://jsfiddle.net/x5nPx/

<div class="locked-content">
  <ul>
    <li>
      <a>www.example.com/39083904398980/93943430943098438094/test/example/long/link/here</a>
    </li>
  </ul>
</div>

<style>
  .locked-content {
    background: purple;
    width: 200px;
    height: 400px;
  }
</style>

乾杯

Answer 1

Fiddle
次の css プロパティを使用する必要があります-

word-wrap:break-word;

Answer 2

-ms-word-break: break-all;
     word-break: break-all;

     /* Non standard for webkit */
     word-break: break-word;

-webkit-hyphens: auto;
   -moz-hyphens: auto;
        hyphens: auto;

経由: http://css-tricks.com/snippets/css/prevent-long-urls-from-breaking-out-of-container/