如何在<a>标签wordwrap中创建文本

Question

我想让<a>标签中的文字适合固定的div,但它会破坏div并显示丑陋.

Answer 1

有一个CSS3属性: word-wrap: break-word

有关详细信息,请查看MDN自动换行文档.

Answer 2

pre {
      white-space: pre-wrap;       /* css-3 */
      white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
      white-space: -pre-wrap;      /* Opera 4-6 */
      white-space: -o-pre-wrap;    /* Opera 7 */
      word-wrap: break-word;       /* Internet Explorer 5.5+ */
      width: 30px;
    }

<pre><a href="#">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</a></pre>

Answer 3

我通过使用 display:block 得到了解决方案

a{
            white-space: pre-wrap;
            word-wrap: break-word;
            word-break: break-all;
            white-space: normal;
            display:block;

 }

它在 IE 中对我有用