Html 省略号在一个LI中工作

我在这里绞尽脑汁好几个小时了，似乎找不到这个问题的答案

我怎样才能使一个LI尊重其父母的大小并正确使用省略号？ 情况如下:

<?PHP .... code code code ..?>
    <TABLE>
     <TR>
      <TD width=50%> <!-- other TD's with more data exist -->
       <DIV> <!-- Below this line is from another dynamically created file -->
        <TABLE WIDTH=100%>
         <TBODY>
          <TR>
           <TD> <!-- other TDs even with more data exist -->
            <DIV>
             <OL><?PHP code that echoes the following LIs from a DB ?>
               <LI> <!-- I want this LIs to fill text up to assigned width and then use ellipsis -->
              </LI>
             </OL>
           </DIV>
         </TD>
    ....

它将使LI go的所有内容通过屏幕，一行龙。 如果我不使用这个CSS，那么LI会很好地多行（当然我不想要）

如果我更改父DIV或父OL的“宽度”，则LI中的文本将被截断，但仍然用空格填充全文将占用的所有空间

更新：以下是JSFIDLE：

有什么建议吗

---

提前感谢。

添加以下代码更新。通过这样做，您将创建一种阶段，其中所有“活动”的内容现在都可以看到nowrap和溢出规则。我想这会管用的。请告诉我一些事情！！：）

---

有没有可能拼凑出一段代码片段来显示您正在做什么？在您的帖子中有一个JSFIDLE或一个片段？在html中，您有“我希望这个LIs将文本填充到指定的宽度，然后使用省略号”指定的宽度在哪里？如果你给它一个宽度或最大宽度@KenH，它就会工作。我想在这里做一些修改，但是代码分布在几个PHP文件之间——我正在使用javascript填充div和表。这就是为什么我尽量简化它could@MichaelCoker我希望它能像这样工作——第一个应该分离DIV的内容，第二个应该只取包含DIV的宽度（根据它的TD父级是50%）——但它根本没有这样做……这些宽度是无效的。删除

%

，但无论如何都不应该这样使用内联样式。在html5中，

width

属性已经过时，您应该改用CSS。给他们上一节课，应用

width:50%到类中。
  list-style-position:inside;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;  

list-style-position:inside;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis; 

// Add this to your code
width: 100%;
table-layout: fixed;