Question

我已经在这里开了几个小时，我似乎找不到问题的答案。

如何让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>
    ....

如果我使用CSS：

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

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

如果我更改了父DIV或父OL的“WIDTH”，那么LI中的文本会被切断，但仍然会填充全文占据的所有空格的空格。

更新：这是jsfiddle：https://jsfiddle.net/Fotofobia/kgrccckc/

有什么建议吗？

提前致谢。

Answer 1

添加以下代码更新。通过这样做，您将创建一种舞台，以及所有生活的内容。现在看到nowrap和overflow规则。我想这会奏效。请告诉我一些事情!! ：）

libMobileGestalt

使省略号在LI中工作

1 个答案: