在ie7中断字

Question

我需要在以下结构中允许分词/自动换行：

<ul>
    <li><strong>Forename</strong><span>forename value</span></li>
    <li><strong>Forename</strong><span>forename value</span></li>
    <li><strong>Forename</strong><span>forename value</span></li>
<ul>

我无法将宽度修改为跨度或li，因为li的数量可能会有所不同。使li显示为 table-cell 有助于对图像中显示的范围内容进行断字。

• 有没有办法让IE7表现/理解表格？

修改：

我最初的问题是我正在尝试实现如下图所示的显示，但只是如果将长的完整字符串作为输入而不是打破单词，则内容会在右侧被剪切。

1. 我想知道为什么 word-break：break-all 不会生效，除非span是block或inline-block？

2. 即使跨度是内联块，下一个问题是如何在连续线上进行后续内容流？

附图：http://i.stack.imgur.com/1gB92.png

有什么想法吗？

Answer 1

你的意思是你拥有的三个文本块中的每一个都可能没有超过3行文本？如果是这样的话：

<li style="height:100%;">
    <div style="width:100%;height:100%;overflow:hidden;">
         <strong>Forename</strong>
         <span>forename value</span>
    </div>
</li>

以这种方式，可能存在的第四个文本行将不可见。

我不再支持IE7，因为它需要花费大量时间才能使网站与之兼容，并且我在某些统计数据中看到IE7的使用率约为5％。

如果访问者使用ie7，我只是弹出一个窗口，他们使用的浏览器自2008年底以来不再更新，这使他们容易受到攻击。并建议他们更新到更新的版本。如果我们都这样做，我们会迅速摆脱IE7。

Answer 2

您可以尝试我的演示in JSBin

您可以查看每个white-space css的span属性，以确保white-space的值为normal，而不是nowrap - 这会阻止行-break;