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

小提琴
您必须使用以下 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-break-out-of-container/