Css ie7中的断字

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

<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显示为表格单元格有助于word打破跨度内容，如图所示

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

编辑：

我最初的问题是，我试图实现下图所示的显示，但如果输入的是长而不间断的字符串，而不是打断单词，则内容会在右侧被剪切

我想知道为什么单词break:break all不起作用，除非span是block还是inline block

即使将span设为内联块，下一个问题是如何在continuos行上生成后续内容流

附图：

---

您有什么想法吗？

您的意思是您拥有的三个文本块中的每一个文本都不能超过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。

你可以试试我的演示

---

您可以检查每个

span

css的

whitespace

属性，以确保

whitespace

的值是

normal

，而不是

nowrap

——这可以防止断线

看看这里。@andy Magoon的jQuery有一个很好的解决方案，这看起来不像是一个断字问题；相反，它是关于将列表设置为表的样式。有什么实际的理由不使用

表

元素吗？我最初的问题本身不是切断内容或让它隐藏。谢谢你的回答。但那不是我想要的展示。另外，表格单元格在IE7中不起作用。无论如何，谢谢你。